Header jumps left to right when I select menu items

Support
#1

I have 4 menu items and the logo is aligned left. On two of the menu pages and all the sub menu pages, the header remains stationary. But when two of the menu items are selected, the header jumps- that is, the logo and the menu items SHIFT many pixels to the right. Can you help me stop that shioft on two of the pages?
Childs theme x, Icon stack, Navbar Fixed top, layout inline

#2

Hi There,

Please provide your URL so we can take a look.

Thanks!

#3

http://testsite.urbanpropertyboston.com/
the Home tab and the Management tab Headers are as the should be, but the Company and Owner Resources page headers shift to the left when those pages are selected.
Thank you!

#4

Hi there,

The header area on the Company and Owner Resources pages are shifting to the left because of these codes added in the custom CSS panel:

.x-container.max{max-width:100%;}.x-container.width{width:97%;}

The header and main content areas share a common class to set the dimensions of the website. If you want the CSS to only affect the main content, please update the code to:

.x-main .x-container.width {
    width: 98%;
}

.x-main .x-container.max {
    max-width: 100%;
}

Hope this helps.

#5

That worked! And I learned that the code needs to be on each page - I had thought it was universal.
Anyway. you folks are great and thanks again.

#6

Glad to hear it’s sorted.

  • If you place the code in the CSS panel in Cornerstone, the CSS will only be added on that specific page but if you place it in X > Launch > Options > CSS then it will take effect in the entire site. :slight_smile: