Docs

[yovo_cgn]

Hi,
whe i use the one page navigation in full screen
the links jump to the right places.

Ob smaler screen or mobile device it jumps to a place 20px higher than intended.
Any idea what we are doing wrong?

Kind regards

[yovo_cgn]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thanks for writing in! First add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-brand {
    margin-top: 0 !important;
}

Instead of giving inner content ID’s you should replace it with section’s ID for example instead of using #contact use x-section-7

Let us know how this goes!

[yovo_cgn]

Hi,
i changed it to section ids
and inserted the code above.
Didn´t work.

Now it doesn´t work in fullscreen mode as well

Kind Regards

[Rad]

Hi there,

Please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery ( function( $ ) {

$(document).ready ( function() {

setTimeout ( function() {

$('.x-navbar .mobile .x-nav li>a').off('touchend touchstart click').on('click', function( e ) {

e.preventDefault();

$('html, body').stop().animate({scrollTop: $('#'+$(this).attr('href').split("#").slice(-1)[0]).offset().top },700 ,'swing');

} );

}, 100 );

} );

} );

That should reset the offset positioning to zero. Hope this helps 🙂

[yovo_cgn]

Hi,
this helped with the mobile view (mobile menue)
it is 99% perfect – thx a lot!

The code does not affect the fullscreen navigation
Meaning when there is the normal navigation, there is still an offset of about 20px on scrolling down.
– Best to see at “about us” or “Testimonials”

Kind Regards

[Rue Nel]

Hello There,

Thanks for the updates! Please try to increase the navbar top height in your customizer, Appearance > Customize > Header > Navbar and set the “Navbar Top Height” at least 138 pixels.

Hope this helps.

[yovo_cgn]

THX!
That did the trick,

Great support as always.
Kind Regards

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts