THIRD MENU NAVIGATION

Hi there,

the simplest solution would be to replace you current primary navigation with a Block Element and have that display your 'contact' links. This will then free up the Primary Nav for use elsewhere.

That could be an option, but how I use Block Element as a sticky block?

but how I use Block Element as a sticky block

Some simple CSS would do :)

Could you please give that css?

Thanks

Hi there,

Can you share a screenshot indicating what part of the page you want to be sticky along with the default sticky navigation?

So we can inspect it and get the necessary selectors for CSS write-up or check if scripting is necessary.

Hi,

Take a look now, there's only one top bar created with element.

https://ibb.co/N9L6nN6

Couple of things.

1. Disable the Sticky Navigation.
2. Edit your Block Element, select the Group Block, and in Advanced > Additional CSS Class(es) add: sticky-topbar
3. Add this CSS:

.main-navigation, .sticky-topbar {
    position: sticky !important;
    top: 0;
}
.main-navigation {
    top: 57px;
}

Hi David,

I've followed your 3 steps and doesn't work...

Hmmm... i am not sure its going to be possible with the merged header. The only way to do it would be to either NOT have a merged header or fixing the entire header