Anchor tag toggles position above and below sticky navigation menu

Support
#1

Hello,

When clicking on “About”, the anchor position is above the navigation. Clicking the same link again moves the page from above the navigation, to below it in the right position. Continue clicking the same link to toggle between the two positions.

Is there anything I can do to fix this?

Thank you!
Kyle

#2

Hi There,

Thanks for writing in!

I check the site and can confirm the issue. There is few gap coming in the button toggle.
To help you understand the issue, can you please send us your login details in a secure note so that we can have a look.

Thanks

#3

Hi @basanta

Thank you for helping with this, I provided the login credentials in a secure note. Please let me know if you need anything else.

I just ran into an issue with the Revolution Slider, the desktop layer of the slider flashes before the mobile layer loads on a mobile device. Is there something I can do to fix that? Not sure if I need to open a new topic or not…

Thank you!
Kyle

#4

Hello There,

Thanks for providing the information. I have checked your site and it appears that you are using an older version of X. Could you please update to the latest versions?
Our latest versions are:

  • X theme 6.0.4
  • Cornerstone 3.0.4

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

#5

Hi, updated to the latest versions and am still seeing the same issues.

Any help is much appreciated.

Thank you!

#6

Hey @BeardBoy,

This code in your Custom CSS is causing the issue.

body.x-navbar-fixed-top-active .x-navbar-wrap{
  height:auto;
  margin: 0px;
}

Once removed, clicking the link again does not move the content.

Regarding your slider issue, please open a separate thread.

Thanks.

#7

Hi Christian,

I don’t see that code in the Custom Edit Global CSS section, but I do see it in the <style id="x-generated-css"> when viewing page source.

I tried to add it to the Global CSS with height: 40px; and am still experienced the same issue when clicking on “About” the navigation bar is not flush to the top of the screen.

Thanks for your help!

#8

Hi,

To fix it, you can add this in Theme Options > CSS (Global CSS)

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 51px !important;
}

Hope that helps

#9

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