Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #171633


    two quick queries:

    1) The main menu, with its elegant vertical rules/borders looks great when there’s an image directly under it. But on a text-only page I’d like to see a full width thin rule/border underneath (just like the full-width rule/border above the menu. Can you let me know how I can do this?

    2) Search icon. If I remove the search icon which appears in line and to the right of the main menu, then the last, right vertical rule/border loses its spacing and now appears directly next to the last letter of the last menu item. Can you let me know how to reinstate the correct space?

    Many thanks.


    Hi Niels!

    Can you post the link to your website?

    Best regards,

    This reply has been marked as private.


    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .main_menu .menu>li:last-child>a { padding-right: 13px; }
    #header_main_alternate { z-index: 1; }



    Both solutions work perfectly – many thanks Yigit, much appreciated.

    I’ve pasted them below with notes in case they’re of help to anyone else.

    /* ********* This line adds padding for last menu item when Search icon is turned off ********** */
    #top .main_menu .menu>li:last-child>a { padding-right: 13px; }

    /* ********* This turns on the full width horizontal rule underneath the main menu ********** */
    #header_main_alternate { z-index: 1; }




    You are welcome Niels, glad we could help :) Thanks for sharing!

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Enfold: Header with bottom menu + social media icons’ is closed to new replies.