Hello when I turn on the sticky header, all my megamenu containers shift to the left. When I turn off sticky, they don’t move on the X axis. I have set the width of the mega menu to be the full section width, but tried setting as smaller container width and experienced same issue. I tried removing my own CSS and had same issue.
Hello, yes I have set font to be smaller on scroll. But the width is tied to section width and so even with shrinking divs, the mega menu containers shouldn’t shrink.
But you are right - this caused it .sticky.scrolling %root% a, .sticky.scrolling %root%, .sticky.scrolling %root% i{
font-size: var(–text-sm)!important;
}
I still dont understand why was shifting to the left.
Hello - just to clarify I did not mean the text (on the top level the font that was also shifting to the left because the text got smaller, and I expect that)
I meant the megamenu open container that should have been 100% of the width (assigned to the section, which was max-width: 100%)
That container was shifting to the left and right as it went beyond 100% and so the content went off the page.