Bouquet Theme not sizing on different devices

  • I have just switched my blog theme to Bouquet which states it sizes to different mobile devices, however my header is not sizing at all. I imported it to the exact dimensions specified and it is getting cut off on both my iPad and iPhone. Can you help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you link the page?

    Thread Starter Linda Warren

    (@linda-warren)

    My blog page is https://www.sipsautesavor.com

    Moderator Kathryn Presner

    (@zoonini)

    Hi there, Bouquet uses a background image for the custom header, instead of an img tag within the HTML.

    Since background images cannot be scaled effectively for different screen resolutions, this means that header graphics in any themes that use this background method are better off not including any text, as it may get cut off, as you’ve seen. A decorative, abstract, or photographic image without text works best in these cases.

    Alternatively, if you’re comfortable with CSS, you might want to look into adding in some custom CSS that hides the custom header on small screens. Here’s a guide to CSS media queries to get you started: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    If you’re not comfortable with CSS, you could explore some mobile plugins instead.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Bouquet Theme not sizing on different devices’ is closed to new replies.