Tagged: enlarge, full width, menu
Hello Enfold People! I need your help. I did not find this topic in the forum.
I have to make a menu as in the image I attached, with bebas font:
https://imgur.com/a/nvmuH
It has 1000px wide by 72px high.
With Enfold I can not do it, it looks like this
https://imgur.com/a/yOmsl
It’s possible to fix that?
Hey Tomas,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hey Rikard!
Off course! I send to you through the Private Content section here below
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-subnav-menu li a {
font-weight: bold;
font-size: 18px;
padding: 0 30px;
}
#top .av-subnav-menu > li > a {
border-left-width: 2px;
border-color: black;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Thanks Yigit! It works but… How can I set more height to the background of the menu? the white part…. It has to be 72px high.
And how can I replace that font with Bebas font?
Hi,
1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-subnav-menu > li {
padding: 26px 0;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
2- Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/ and install your custom font and change font family of menu items using CSS.
Best regards,
Yigit
Thanks Yigit! very grateful for your help.
cheers
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon