Bouquet Theme not sizing on different devices (4 posts)

  1. Linda Warren
    Posted 2 years ago #

    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?

  2. Andrew
    Bawk bawk moderator
    Posted 2 years ago #

    Can you link the page?

  3. Linda Warren
    Posted 2 years ago #

  4. 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic