[resolved] Can I limit fluid content to width of my header image? (4 posts)

  1. xul
    Posted 1 year ago #

    Loving this theme!
    I have a large header image that I inserted into #headercontainer as a background image. Now, when I increase my browser window width, the main content and sidebar widen well beyond the width of my header image. Can I limit the fluidity of the main content to 960px so it stays aligned under my header?
    My site: http://loveyourselfrichsummit.com/

  2. ahortin
    Theme Author

    Posted 1 year ago #

    By default, the site has a max-width of 1200px. If you want to reduce the width, you can do search/replace and change this to whatever size you'd like (eg. 960px).

    On a side note, I think you should have a look at the demo site to see how the default theme displays.

    It looks like you've adjusted margins and also added some fixed widths, as well as hidden some of the main content areas. The fix widths are going to cause you problems when you want to view the site on a smaller device, such as an iPad or iPhone as the site wont be responsive. You can see now, if you reduce the browser width, the site doesn't reduce in size to fit the smaller screen.

    Just thought you'd like to know.

  3. cindy c
    Posted 1 year ago #

    Hi, I have a very similar issue. I made my header & footer background images 1200px wide, and when I widen the browser window, my logo that I uploaded is way off to the left. I can't seem to find the right css style to change.
    Here is my site: http://djxstation.com/
    (I hope it's OK to post in reply to xul's query.)

    Thank you!

  4. ahortin
    Theme Author

    Posted 1 year ago #

    @cindy_conlin@yahoo.com As per the Forum Welcome, could you please post your own topic. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic