Sticky header on mobile and computer interfere

Support
#1

Hi. I have made a sticky header for mobile and one for PC. But they interfere even though it should be turned off on each others resolutions. I’ve made a video of the problem here:

How can i have a sticky header on both mobile and PC without them interfering?

Thanks!

#2

Hi There,

I couldn’t replicate this issue on my end. Please make sure your sticky setup looks like this:

Also follow these steps:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. If you’re using a CDN(ex: CloudFlare), please clear the CDN’s cache and disable optimization services. For the CloudFlare you also need to follow the steps below besides the developer mode: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/1
  3. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  4. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  5. Switch to the parent theme to check if the issue persists.

Hope it helps :slight_smile:

#3

Updated the theme, worked. My bad. Thanks!

#4

You’re welcome!
It’s good to know that it has worked for you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.