Contain page width for wide screen

Support
#1

Hi,
Is it possible to contain the page main area of the page on wide screen with the menu bar spanning the entire width and have the margins (left and right) reduce as the screen size reduces. I am probably not explaining this well… I have attached a screen shot of a site that demonstrates this functionality; wide screen and small.

Thank you,

#2

Hi There,

Thank you for writing in, yes that is possible please set the Site Layout to Fullwidth (Theme Options > Layout and Design)

Then add this to Theme Options > CSS to limit the width of your main content container.

.x-main.full {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

If this does not work, please provide us the site URL so we can take a closer look.

Cheers!

#3

That works perfectly!

Great support as usual.

Thank you.

#4

We are delighted to assist you with this.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.