Hi there,
I have two issues with the mobile navigation related to a Onepager.
1.) The mobile navigation is not sticky and so the user is lost in content.
I used your CSS workaround
@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
and
2.) the navigation doesn’t collapse after the click, so I used your JS workaround:
jQuery( function($) {
$(’#x-nav-wrap-mobile a’).on(‘click touchend’, function () {
$(’#x-btn-navbar’).trigger(‘click’);
});
});
My problem is now:
If I load the page fresh and click on the hamburger and then on a navigation element (like “vita”), the page doesn’t scrolls to the specific section. It scrolls further then needed, I think the offset is equal to the height of the navigation. But if I click again on the hamburger + navigation element everything is fine.
Can you help me with a solution?
Kindly regards,
Ralph