Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #723741

    Hi Team,

    My main menu seems to be cutting off my final “contact us” menu item. It all appears normal when it is purple (has padding etc) but when you hover over “contact us” the yellow hover cuts off at the end of the word rather than with the padding?

    I hope the above makes sense. Your help as soon as possible would be greatly appreciated!


    Hey billysbuddies,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
        padding-right: 13px;

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,


    Perfect!!! Thank you, Yigit!



    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)


Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Main Menu bar cut off when hover’ is closed to new replies.