- This topic has 9 replies, 4 voices, and was last updated 6 years, 10 months ago by
.
How can I decrease the height of the main menu?
Hi @shanticfm,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a { padding-top: 15px; padding-bottom: 15px; }Best regards,
Shufflehound teamInstalled the custom code but menu height didn’t change.
Could you please share me your site URL where you are using the shared CSS code so that i can troubleshoot it?
It seems you are using different header menu style so please try using following custom CSS code.
.sh-header-4 .sh-nav-container { padding-top: 5px; padding-bottom: 5px; }I’m using the Corporate Theme with Header Style 5 and am trying to find a way to reduce the fixed header navigation bar size when I scroll down (reduce by half the size). I’ve tried the code you posted above and have looked at many posts in overall forum, but haven’t found a solution yet. Ideally it would be nice to have this modified for both desktop and mobile site versions.
@wkolari To help us keep support thread separates could you please create your own thread for your question instead of replying on others thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
We would be more than happy to help you on your new thread.
For mobile menu please use the following custom CSS code.
.sh-header-mobile-navigation .sh-nav-container { padding: 20px 0; }
