Mobile menu jumping down

We want our mobile menu sticky, but staying on top. Its acting really strange. Thoughts? We are using x pro on www.ripplesofgrace.com

Hi @CrossTown,

Thanks for writing in.

Upon scrolling in your setup, your mobile navbar has a CSS attribute top that moves the navbar.

You can add this below in your custom CSS:

.hm11.x-bar {
    top: 0px !important;
}

Or adjust your Stickey Setup Trigger Offset.

Let us know how it goes.

Thanks.

I can’t seem where to find where its telling it 85px in the sticky settings

Hi there,

I wonder if the CSS code given by my colleague fixed the issue for you?

If further help is needed we will need the URL/User/Pass of your WordPress Dashboard given to us using the Secure Note functionality of the post to be able to check the header builder and find out why that 85px top value is added.

Thank you.

Here you go:

Hi there,

I changed the CSS to this

.hm11.x-bar {
    top: 0px !important;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

@media (max-width: 979px){
#wpadminbar {
  display: none !important;
}
  .x-masthead > .x-bar .x-bar-content,
.x-masthead > .x-bar {
    transition: all 300ms linear !important;
        }
}

Shouldn’t be jumping now.

Cheers!

That’s all fine and good, but Im still confused where the 85px is coming from.

Hi,

It’s the height of your menu bar.

Thanks

ooo that makes sense. thanks.

You’re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.