Header is not displayed over full website when scrolling

[l_eckardt]

Hello,

We have a problem on our website.
Since the latest X theme as well as Conerstone update, the header menu is no longer displayed across the full website width when scrolling and is distorted.

We haven’t changed anything in the settings, but now we are wondering how we need to change what so that the menu is displayed over the full page again when scrolling.

See here our website:

Industrielle Kennzeichnungssysteme für Produkte, Kartons und Paletten

Thanks a lot for your help!

Best regards

Maxi

[prakash_s]

Hello @l_eckardt,

Thanks for writing to us.

It seems that there is an issue with the cache. I would suggest you purge all the cache and minified JS/CSS. I also noticed that you have some custom CSS syntax error. Please have a look at the given screenshot below. I would suggest you check your custom CSS through CSSLINT.

For the quick fix you can use this custom CSS code under X/Pro—>Theme Option —>CSS

.x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100%;
    max-width: 100%;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks