[Resolved] Full page navigation

[META]

Hi! I’m searching for a solution to have a fullpage navigation like this
https://themify.me/demo/themes/fullpane/
https://themify.me/demo/#theme=fullpane
Can you help me ?

I’m using elementor builder

[Leo]

Hi there,

Like the navigation in the footer bar? Not sure how you would do it with Elementor.

To use GP, you should be able to use GP’s footer bar widget area: https://docs.generatepress.com/article/footer-bar-widget-area/
Then stick it at the bottom: https://generatepress.com/forums/topic/has-sticky-footer-been-figured-out/#post-346757

[META]

https://alvarotrigo.com/fullPage/
No, I mean like the scroll navigation section to section

[Leo]

Currently not possible with GP but you can try to implement something like this: https://codepen.io/nxworld/pen/OyRrGy

[META]

Hi! I found out a plugin that did the trick (WP Fullpage).
But now I got a little problem! I know that is maybe because of the plugin I used for the fullpage navigation. But Can you help me figure out what makes the menu go under the section when I navigate?
I try playing with the z-index with no result. I’m sure I”m missing something …

Thanks in advanced

[META]

The z-index is working for the desktop version but not the mobile version.

[Leo]

Not sure what you mean by “what makes the menu go under the section when I navigate”?

[META]

http://woocommerce-98152-404440.cloudwaysapps.com/fullpage-2

The menu go under the section when I navigate on the page.

Have a look

Thanks

[Tom]

Perhaps this CSS will help?:

.main-navigation {
    position: relative;
}

[META]

Thanks! You save the day!
Have a good week-end!

[Tom]

Thanks! You too 🙂

[Author]

Posts