Support » Themes and Templates » Bouquet Theme not sizing on different devices

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)
  • Moderator Andrew Nevins


    Forum moderator

    Can you link the page?

    Moderator Kathryn


    Automattic Happiness Engineer

    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: http://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.