• I have a fluid theme and when I view my site on a smaller monitor the right sidebar dissapear and goes below the rest of the text:

    https://www.astral-journey.com

    Is there a way to fix it so my site is fluide only in the middle and only to a certain extent?

    Thanks
    Shawn

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shawn,

    In the stylesheet, I would add this to control the width in #container:

    #container {
    width: 100%;
    min-width: 800px;
    }

    You can set the min-width to whatever the smallest size you can go before the sidebar breaks position. I have it here as 800px, but you can go smaller or larger based on what you want. Horizontal scroll bars will appear at that width and smaller.

    Hope this helps.

    Thread Starter jestershaw

    (@jestershaw)

    #wrapper {
    background: url(“images/body.png”) #edf5fa repeat-x 50% 0;
    height: 600px;
    This is my code. What do I change to make this work. Because the suggestion you gave didn’t work for me.

    #wrapper #container {
    margin: 0 auto;
    max-width: 1270px;
    padding: 0 20px;
    }

    /* We must define 100% width to avoid the body being too narrow for near-empty pages */
    #wrapper #container #center {
    float: left;
    width: 100%;
    }

    Thanks

    What happens if you do this for #wrapper #container:

    #wrapper #container {
    margin: 0 auto;
    max-width: 1270px;
    min-width: 800px;
    padding: 0 20px;
    }

    Again, min-width being the width of your choosing?

    Also, please note the Google add box is 768px and overlaps the right search box in my 1024×768 resolution.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fluid theme, I want to change to fix width’ is closed to new replies.