The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Making header fluid (2 posts)

  1. lemur
    Posted 9 years ago #


    I am using a 2-column fluid theme (http://srinig.com/wordpress-themes/evanescence/) and a header downloaded from Digital Westex (http://www.digitalwestex.com/gallery/displayimage.php?album=2&pos=14).

    The problem, of course, is that the body of the blog is fluid, while the header is fixed. I've set it up so someone looking at the screen in 1024 x 768 sees the header covering both the body and the sidebar, but it someone looks at the page in a diff. resolution, the header seems too big or small.

    Here's a link to my page: http://www.libogroup.com/blog.htm

    Is there an easy way to make the header ALSO have a fluid width, so it will adapt to the size of the viewable page?



  2. lemur
    Posted 9 years ago #

    I did find this information in the codex:

    "If you are designing a Theme with a flexible or "elastic" screen width, then the width of your header becomes important.

    "If you are using a header image that can be repeated, and you are using elastic widths, you can set the styles within the header to repeat to fill the space:

    #header {
    background: url("/images/kubrickheader.jpg")
    repeat-x top left; }

    "This sets the header image to repeat horizontally beginning from the top left corner and going across. You can adjust these to whatever background position (http://www.w3.org/TR/REC-CSS2/colors.html#background-properties) your header design and layout needs. :

    However, it does not address what to do if you are using a fluid/elastic theme and a header image that cannot be repeated (as in my case).


Topic Closed

This topic has been closed to new replies.

About this Topic