Tagged: , ,

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

    Hi,

    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.

    #171767

    Hi Niels!

    Can you post the link to your website?

    Best regards,
    Yigit

    #171799
    This reply has been marked as private.
    #171840

    Hey!

    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; }

    Regards,
    Yigit

    #171849

    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; }

    :o)

    #171856

    Hi!

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

    Best regards,
    Yigit

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

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