Docs

[ottobono]

Hello, I just upgraded the theme, cornerstone and all the connected plugins to the last versions and it broke somehow my main menu. I attach a pic of the problem. Why did it happen and how to fix it? Thank you! p.s. I attach my login data in a separate post

[ottobono]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! You’re referring to that scrollbar on the side of the menu, yes? Please add this in custom CSS on Customizer.

.x-navbar {
	overflow-y: hidden;
}

Hope it helps, Cheers!

[ottobono]

edit

[ottobono]

thank you! the right code was as you said overflow-y: hidden !important. Now the scroll bar is not there anymore but I have another problem, that the sub-menu elements are not opened. The button get cropped

[Rue Nel]

Hello There,

Are you 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.

And since you are using SiteGround, could you please clear the site cache with the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

[ottobono]

hey Rue, after like 10 times I cleared the cache it worked, thank you!!! 🙂

[Christopher]

You’re welcome.

[ottobono]

Hi chris, I updated and re-configured both .it and .com with success! now I still have the menu problem with the button cropped on the com and I tried like 20 times to clean the sg cache (I use no other caching plugin), deactivate caching from sg and reactivate it, cleaned browser cache, tried with 4 different browsers and I still have the cropped button problem on the .com… can you help me solving it please? 🙂 login data of the .com are the same of the .it

[Thai]

Hi There,

Could you please provide us with some screenshots on the .COM issue?

Thanks.

[ottobono]

yes, look at the button that gets cropped on the right in my account (first pic). on the .it it works (second pic)

[ottobono]

I found another small layout problem shared from both sites.

I describe here the .com (on the .it is the same, only the names are different).

I created 2 menu elements in Appearance/Menus:

1) “Login/Register” with class “nav-login”
2) “My account” with class “nav-account” and a sub-element “Logout”

I added the following css code in Appearance/Custom CSS:

.logged-in .nav-login {
display:none;
}

.nav-account {
display:none;
}

input[type="text"] {
background-color:white !important;
}

.logged-in .nav-account {
display:block !important;
}

If the user is not logged in, there is in the menu the element “Login/Register”. If the user is logged in, there is instead the voice “My account” with the sub-element “Logout”.

The thing is that after you login and you visit the homepage (www.ottobono.com in this case), the menu elements is swapped back to “Login/Register”, even if you have already logged in and if you click again on “Login/Register” you get automatically login again and you access to the my account page. So if you login and then visit everything except the home page, the meneu element is right, but as soon as you visit the homepage, the menu element get resetted. Why?

[Christopher]

Hi there,

Provided credentials don’t work anymore, please check.

Thanks.

[ottobono]

This reply has been marked as private.

[Rad]

Hi there,
Sub menu is clipped because of this,

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

That means, any elements that overflow outside the navbar will be hidden. You can change it to

.x-navbar {
	overflow-y: visible !important;
}

About the resetting of menu, I’m not getting that. Would you mind providing a video recording just for clarification?

Thanks!

[Author]

Posts