Support » Theme: Quark » Can I limit fluid content to width of my header image?

  • Resolved xul


    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:

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anthony Hortin


    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.

    cindy c


    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:
    (I hope it’s OK to post in reply to xul’s query.)

    Thank you!

    Theme Author Anthony Hortin

    (@ahortin) As per the Forum Welcome, could you please post your own topic. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can I limit fluid content to width of my header image?’ is closed to new replies.