[Resolved] sticky navigation of full with of the screen

[Laura]

Hello,

I have a litle problem I never had before. I use Elementor full wide for pages. When scroll, the sticky navigation is contained instead of full wide, see https://profilerend.nl/. I tried everything I could find in the manuals, but it didn’t resolve my problem. What to do?

Thanks, Laura

[Leo]

Hi there,

I don’t see a page that’s long enough for the sticky navigation to activate.

Can you double check?

If not can you add some more content to the home page so the sticky navigation would show?

Let me know 🙂

[Laura]

I just did

[Leo]

Can you check if the navigation widths are set to full?
https://docs.generatepress.com/article/navigation-layout/

Alternatively, you can consider using this option:
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know 🙂

[Laura]

Oeps, yes, made a mistake there :(. Set is now ‘full’: every ok.

Thank you for your quick answer.

Laura

[Leo]

No problem 🙂

[Laura]

Last question: where can I find the padding of the sticky header? When I scroll, the padding of logo and menu changes. I want to keep the same distance.

[Leo]

There is no customizer option for that but you can use this CSS:

#sticky-navigation .inside-navigation {
    padding-left: 20px;
    padding-right: 20px;
}

I’d still recommend trying this option and see if it works for you though:
https://docs.generatepress.com/article/navigation-as-a-header/

Should look pretty good for your layout.

Let me know 🙂

[Laura]

So happy with you, thanks!
Everything ok now.

Laura

[Leo]

No problem 🙂

[Author]

Posts