Sticky Menu Causes Content to Jump When Using Blank Template

Hey everyone,

I’m experiencing a weird issue with my website’s sticky menu when using a blank template in my website builder. When the menu becomes sticky, the section below it jumps up instead of transitioning smoothly.

What’s even stranger is that this doesn’t happen when I use a pre-designed template—everything works fine there, including the smooth animation. But in the blank template, the menu transition is abrupt, and it feels like the content isn’t adjusting properly.

Here’s a link to the website so you can see the issue in action: [http://5557a6-15ff8f.preview.sitejet.io/].

Thanks in advance!

Just and Update, I found out that the issue I was having with my sticky menu is related to the @mixin in menu-v2. This problem only happens when I add a new menu from the sidebar—it doesn’t occur in pre-designed templates.

As a test, I replaced the @mixin with the one from a pre-designed template, and it worked fine. So it seems like the issue is specific to newly added menus.

Can anyone confirm if this happens for them as well, or is it just on my end? Also, would replacing the @mixin cause any potential issues down the line? From what I can see, everything works fine after swapping it, but I want to be sure before fully committing to this fix.

Hey there,

do you maybe have a screencast for us to show how it happens for you?

It seems that the fixed height you have set is the reason for this :slight_smile:

But why would that happen on a new blank template where I didn’t change any height settings yet?

Interesting.

So a dev tried a few things and we literally found a fun bug as it seems. It only happens with the container background image. Let me create a ticket and let you know

1 Like