Adaptive Text Over Header Image

  • Resolved bertcraytor

    (@bertcraytor)


    3 years, 5 months ago

    I really like the theme twenty-seventeen, except that I can’t put additional text over the header image that will adapt to viewing on a smartphone. The blue text moves off to the left.

    Is there some way to overlay the header image with text so that it floats, like the title?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello,

    We are not seeing any blue text on your page? Please can you provide more information … perhaps a link to a relevant page with blue text?

    Thanks,

    Oliver

    Thread Starter bertcraytor

    (@bertcraytor)

    Sorry, I changed the color from blue to green. So it is the green text.

    Can you check that at https://www.valuationengineer.com? The problem is that in order to show the green text, I had to embed it in the background image. Of course, that means it can’t adust to the mobile phone web site. I need it to float. But I can’t figure out how to do that.

    Thanks,
    Bert Craytor

    Plugin Author Oliver Campion

    (@domainsupport)

    Understood.

    OK, so what’s happening here is that you are using the “cover” image as a “header” image.

    Cover images are meant to cover an area of the page which is done by scaling the image to entirely fit the area and then cropping the image to fit the area. Cover images should have content of an abstract nature so that this cropping doesn’t affect the image.

    Header images on the other hand are always shown in their full capacity and scaled to fit the width of the container.

    The only option we have for this is if you set “Customizer – Header Options – Full Cover Image” to “Site Title Below” or “Site Title Overlay”.

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    Marking this as “resolved” now.

    Oliver

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adaptive Text Over Header Image’ is closed to new replies.