WAIT: Header megamenu containers move with sticky scroll

Bugs
1

Browser: Brave
OS: macOS
URL: https://acume.org

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.

Thanks!

2

Hi @yasmine,

it’s hard to say from just a website, but it seems that you set your font to be smaller on scroll. Can you check this setting in the header template?

Let me know, please.
Matej

3

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.

But no worries! Thank you

image

4

Ok, I’ll mark the topic as no-bug, as it’s solved :slight_smile:

Because with a smaller font size, text takes less space, and it all “shifts” to the left. :slight_smile:

Best regards,
Matej