WordPress.org

Ready to get started?Download WordPress

Forums

Bouquet
Bouquet Theme not sizing on different devices (4 posts)

  1. Linda Warren
    Member
    Posted 8 months 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
    Forum Moderator
    Posted 8 months ago #

    Can you link the page?

  3. Linda Warren
    Member
    Posted 8 months 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.

Reply

You must log in to post.

About this Theme

About this Topic