- This topic has 9 replies, 2 voices, and was last updated 9 years, 3 months ago by
.
Hi,
The sub-menus under the “Products” menu item aren’t displaying correctly on my end, because the one item: “Unified Communications” appears to be too long for the sub-menu background, which is forcing the arrow to appear below it instead of next to it.
Is there something I can do to fix this without having to make the item text shorter, so that the background adjusts to the width of the item automatically?
Solution for this topic
Hi @LeaV,
I hope you are well today and thank you for your question.
You can resolve 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
#page-container .sh-nav ul.sub-menu a { padding-right: 20px; }Best regards,
Shufflehound teamThanks!
You are always welcome here 🙂
Sorry to reopen this – but I’ve noticed this does not work on pages where the settings are set to “Full Width” and not “Default”. How do I get the code to work with Full Width settings?
Try changing value 20px in the above code to 15px
Fixed! Thanks 🙂
Except now the sub-menus don’t want to work / aren’t showing up. I double-checked the menu settings and they are definitely there, so they should be working.
Working again – don’t know what’s going on there. Thanks though
You are most welcome here 🙂
