- This topic has 7 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
With even our small logo, when we have sub-menu items, there is a large gap between the main menu items and the sub-menu drop-down. Is there a way to set the main menu text/items to be aligned to the BOTTOM of the Header so there is no gap?
Hi @CopyrightSlap,
I hope you are well today and thank you for your question.
Could you please share me your site URL where it’s displaying so that I can help you to achieve it?
Best regards,
Shufflehound teamSee website in private info box.
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-bottom: 0; } .sh-header .sh-table-cell:last-child { vertical-align: bottom; }That helped a little. Is there any way to reduce the padding at the bottom of the header maybe?
Solution for this topic
It seems the shared CSS code is not working correctly on your site due to CSS specificity issue so please try changing the bove shared CSS code as following.
.sh-header:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a { padding-bottom: 0 !important; } .sh-header .sh-table-cell:last-child { vertical-align: bottom !important; }Sweet! That did it! Thank you!
You are most welcome here 🙂
