Support » Theme: Bouquet » Header Not Responsive

  • Hi

    I’m having a problem with my header image. It is resizing but it is cutting the image off in order to do so. For example, on an iphone the title disappears and you can just see the top of the logo.

    I have used this theme before and never had this problem so I’m a little confused.

    http://mariesbeauties.co.uk

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Hi there, the header in Bouquet has always worked this way, but is most apparent when you use images that contain text in them, like this one. For this reason, the header in Bouquet works best with images that are more abstract and can stand to be cropped.

    If you’re using Bouquet somewhere else where the header is being cropped, could you provide a link so I can take a look?

    Hi Kathryn

    I’m also using it here:

    Home

    Is there any way to fix this? This looks ridiculous on mobile. If not I’ll have to change themes, which would be unfortunate as my customer is happy with everything else.

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    On this site – http://noodlepiesnoms.co.uk/ – you’ve used an image that doesn’t include any text or logos, and so is more flexible. If you look at it as you make the browser window smaller, you’ll see that it’s being cropped in the same way, but it’s just less noticeable due to the content in the image.

    You might like to experiment with a custom CSS workaround, like this one:

    https://en.forums.wordpress.com/topic/bouquet-theme-header-cut-off?replies=10

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Not Responsive’ is closed to new replies.