Docs

[clefler]

The mobile menu (at least on safari iphone) does not have all the drop down items for the blog.
Plus the bottom of the menu behaves strange when clicking links, not as smooth as the rest of the menu.
Please help!
Thank you…

[Rue Nel]

Hello There,

Thanks for writing in! Can you confirm that you are using the latest version of X and Cornerstone? And if you are using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches 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.

[clefler]

http://www.unitedfaithchurch.org
I am using the latest X (4.4.2) and Cornerstone (1.2.4).

I am using WP Rocket for caching and KeyCDN for CDN, but the cache has been cleared many times but still have an issue.

I had been using the following to keep the mobile nav menu at the top but the issue was resolved once I removed the code:

@media (max-width: 979px) {
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}

Any other suggesting for fixing the top mobile nav?

[Christopher]

Hi there,

The main reason that mobile navigation has relative position is that, fixed menu prevents from scrolling the menu and it causes issue like one you had.

Not sure if it solves the issue, but try to reduce the top and bottom padding for menu items by adding this code :

.x-navbar .mobile .x-nav li>a {
    padding: 0.15em 0.95em;
}

Thanks.

[Author]

Posts