Archived topic
Sticky Menu Not Aligned Properly
3 replies · Started by Krunal on October 13, 2016
Hi Tom/Support Team,
This is my customize screenshot http://prntscr.com/ctho64 , I've sticky navigation when you scroll down further the sticky navigation is not contained, it becomes smaller.
Any help would be appreciated
Hi there,
Can you show me what's happening on the live site when it's set to contained?
Hi @Tom
Thanks for replying, my bad I didn't shared the URL http://www.turkey.brepy.com/2016/10/11/hello-world/ here it is, it is set to contained
Ah, the sticky navigation has to calculate some values when it's set to contained.
It calculates these based on the value you have set for the grid container.
In your case, you've set a custom container width using CSS, so the calculations are wrong.
Try adding this CSS:
.nav-below-header .navigation-clone.main-navigation,
.nav-above-header .navigation-clone.main-navigation,
.nav-below-header .main-navigation.is_stuck,
.nav-above-header .main-navigation.is_stuck {
left: 3.5%;
max-width: 93%;
margin-left: 0;
}