-
Posts
-
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.
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,
YigitBoth 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)
- The topic ‘Enfold: Header with bottom menu + social media icons’ is closed to new replies.