1. I'm using Custom Hamburger Menu Label with MENU and CLOSE. The MENU text is not using the same font as the CLOSE text. I need them to be the same font.
2. I'm using Top Menu. I'd like the menu items to be centered and to be equally spaced out.
3. I'd like the Top Menu area to be only slightly thicker than the menu item text height.
4. I'd like the area between the Top Menu and the Header to be 10px.
5. I'd like to change the background colour of the Top Menu to RED.
4 & 5) Please consider reading the article we wrote about Header Settings, you can change the settings on Select color palette for this menu type, if you try to use Default option then you can make changes from Skin Builder, if this doesn't help you to achieve to changes you have required you can paste the code below in Custom CSS.
Hi,
1. I'm using Custom Hamburger Menu Label with MENU and CLOSE. The MENU text is not using the same font as the CLOSE text. I need them to be the same font.
2. I'm using Top Menu. I'd like the menu items to be centered and to be equally spaced out.
3. I'd like the Top Menu area to be only slightly thicker than the menu item text height.
4. I'd like the area between the Top Menu and the Header to be 10px.
5. I'd like to change the background colour of the Top Menu to RED.
Thank you.
Hi Douglas,
1) Reason why is not showing the plugin sizeguide is crashing and you have to Add some Custom CSS, to your site. Past the code in Custom CSS Section.
.show-menu-text{ font-family: 'Karla'; }2) Center Menu: paste the code below in Custom CSS Section
.first-level-centered.top-menu div.menu>ul>li, .first-level-centered.top-menu ul.menu>li{ float: none; display: inline-block;}3) Distance settings can be found in Header Settings,
4 & 5) Please consider reading the article we wrote about Header Settings, you can change the settings on Select color palette for this menu type, if you try to use Default option then you can make changes from Skin Builder, if this doesn't help you to achieve to changes you have required you can paste the code below in Custom CSS.
.top-menu-container{ background: #e2e2e2 !important; }Thank you.
Hi Eroll,
1. Added css but no effect.
2. Added css but no effect.
3. I'd like to reduce the height of the Top Menu please. Don't see that in Header Settings.
4. I'd like to reduce the margin between the Top Menu and the Header area. Don't see that in Header Settings.
5. Your css works fine.
Hi Douglas,
1) Fix the css :
.show-menu-text{ font-family: Karla,Arial,sans-serif !important; }2) Additional CSS:
.top-menu-container .top-menu ul{ text-align: center !important;}3) Do you see Header Vertical Padding ?
4) This will be re calculate after you change the Header Vertical Padding and we will see the result.
5) Glad to hear it.
Thank you.