Docs

[Ben]

Hi,

I’m trying to get the header to stop moving when someone swipes on the notepad or with the mouse (it moves about one cm). I have the appearance – customize – header – navbar set to “fixed top” but it still moves around just a little.

I’m new to all of this so I’d love to hear any ideas.

[Ben]

This reply has been marked as private.

[Rupok]

Hi there,

I have checked and I can see the header is at top and fixed. Would you check again and confirm the issue?

Thanks!

[Ben]

It still moves. When i swipe with the Apple mouse. I don’t like how it scrolls down and I can see the background picture on the home page.

[Ben]

I tried it with the scroll wheel on a normal mouse and it didn’t move.

[Paul R]

Hi Ben,

Can you provide us a video showing the issue.

Thanks

[Ben]

This reply has been marked as private.

[Rupok]

Hi there,

I have tried with Apple Magic mouse but there is no such issue. However if you are using touch device then it might happen but I can assure it’s working as usual.

Thanks!

[Ben]

This reply has been marked as private.

[Ben]

I checked it again to make sure and it’s still doing the same thing I showed in the video.

[Nabeel A]

Hi again,

Can you please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function(){
 jQuery("header.masthead").on("touchmove", false);
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Ben]

That still didn’t work.

[Nabeel A]

Hi there,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar {
    overflow: hidden !important;
}

Let us know how this goes!

[Author]

Posts