Sticky Menu Appearing Oddly

Support
#1

Hello,

I’m having a bit of an issue with the sticky menu I have assigned to the bottom 2 mobile screen sizes.

When it appears it comes in maybe 1/3 of the way down the screen.

Any ideas what is going on?

Also the sticky just doesn’t appear on my preview and I have to reload a separate screen to see it live?

Cheers

Tom

#2

Any help with this please?

#3

Hi there,

Thanks for writing in.

It’s a bug and the height of hidden header bars are counted when the mobile bar is positioned. Please add this CSS to your global CSS

    @media ( max-width: 979px ) {
    .x-bar.hm52 {
     top: 0px !important;   
    }
    }

About the other issues in header builder’s preview, it is because of the height of the content is too short, the mobile menu is being triggered when scrolled past the 480px & Smaller header bar. Try changing your home page with taller content, the preview is always based on the home page.

Thanks!

1 Like
#4

HI,

The CSS fixed the bug thanks.

The homepage is actually really tall, however the header preview is pulling in the blog page?

Yes the homepage is set correctly in the WP settings :slight_smile:

Cheers

Tom

#5

Hi there,

Your home page as a blog page, and now that you change it now, please check your builder’s preview again. The mobile menu is now appearing upon scrolling.

Thanks!