Fixed width page

  • Venu

    (@venutm)


    11 years, 2 months ago

    Hello

    Sorry to put this question again as I have seem it was asked many times. I tried the proposed solutions but could not get it to work.

    Any suggestions on how to make this site have a fixed width?

    Site is: http://www.gamar.com

    Problem is that when this site is opened in iPad or smaller screens (or if the browser window is pulled to a smaller width), the menu items are aligning into vertical fashion and looking odd.

    Any ideas are really really appreciated.

    Regards

    Venu

Viewing 2 replies - 1 through 2 (of 2 total)
  • Odai Athamneh

    (@heyodai)

    11 years, 2 months ago

    That’s a nice looking site you have there!

    From looking at your code, I think this is the issue:

    .wrap {
max-width: 940px;
margin: 0 auto;
position: relative;
}

    Try changing that max-width to just width – I think browsers take the “max” part to be an invitation to use smaller widths if they want.

    You sound like you know what you’re doing, so I assume you know how to use Child Themes?

    Thread Starter Venu

    (@venutm)

    11 years, 2 months ago

    Oh man thank you very much…

    Apart from the one you mentioned, I changed “@media only screen” and the width looks fixed now.

    You saved tons of my time. Thanks again.

    Cheers

    Venu

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fixed width page’ is closed to new replies.