Sticky Menu not sticky on iPhone, and disable jumping animation

Support
#1

Hi there, I was wondering if you could help me?

I have made the menu sticky on all screen sizes, but on mobile this seems to be misbehaving.

Attached is a video that shows the issue;

1.) In Chrome on an iPhone, when scrolling down the very top white part of the sticky header disappears (but does not happen when scrolling back up). The sticky header is made from 3 parts and all are sticky. The top part does not disappear in Safari.

2.) In all browsers, when scrolling back to the top, the 3 sections I have made sticky seem to ‘jump’ around. I would like to know how to disable this ‘animation’ and make them permanently fixed/sticky.

Many thanks for your help in advance.

#2

Hello @EarlySigns,

Thanks for writing to us.

In order to help you with your concerns, we need to check your settings. I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks