-
AuthorPosts
-
June 9, 2016 at 1:23 am #645171
Hi,
I’m working on a client’s site using Enfold, hoping to go live this weekend. One minor thing is bugging me and I can’t find where it’s coming from. on http://www.swwabigs.com, when I refresh the page, the main nav menu goes hugely wide with bigger font before it settles at it’s correct width. Sometimes it’s just a flicker, but sometimes it’s longer. I know it must be some conflicting css. I’m using a child theme as well as settings in the Enfold theme options. Any ideas what is causing this?
Thanks!
June 10, 2016 at 4:17 am #645956Hi WriteCraft,
I’m not sure why that is, please post admin login details in private so that we can have a closer look.
Best regards,
Rikard- This reply was modified 8 years, 5 months ago by Rikard.
June 14, 2016 at 4:23 am #647749Hi Rikard,
Thanks! Login posted in private content.
LeeAnne
June 16, 2016 at 1:08 pm #649177Hi,
Your custom font on main menu is loading that is why you are seeing that jump. Please consider using a Google Font instead – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
Best regards,
YigitJune 16, 2016 at 6:32 pm #649355Hi Yigit,
Thanks, I tried that and was able to add more fonts, but that doesn’t work for us.
We need a different font and font size in the main nav menu than the other headings. The only setting I see in enfold for heading fonts also changes my nav menu. There does not seem to be a setting for fonts for just the nav menus, unless I’m missing something.
I have been playing around in uploads/dynamic_avia/enfold_bbbs.css trying to see how that works, and not getting anywhere.
How can I apply one font and font size to the nav menus, and another to all other h2 headings?
This is in my child theme — and it works just as I want, except for the size bounce:
#top #wrap_all #header .av-main-nav > li > a {
color: #000;
font-weight: bold;
font-family: ‘futura-pt-condensed’, sans-serif !important;
font-size: 22px !important;
}And this is in the dynamic css:
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#660099;}#top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2{color:#660099;font-size:28px;line-height:1.2em;font-weight:bold;text-transform:uppercase;}#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul{background-color: #8f23b3;}#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info{color: #fff;}#top #header .av-main-nav > li {font-family: Raleway;}#top #header .av-main-nav > li > a{color:#1e1f2e;font-size:22px;font-family:’Raleway’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;}#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext{color: #1e1f2e;}
June 16, 2016 at 7:49 pm #649374I got rid of the bouncing menu! I registered a similar font to futura condensed (cabin condensed) using the function you recommended, then used this in my child theme css:
#top #header .av-main-nav > li > a {
color: #000;
font-weight: 700;
font-family: ‘Cabin Condensed’, sans-serif !important;
font-size: 1.2em !important;
letter-spacing: -0.05em;
padding: 0 8px;
height: 24px !important;
line-height: 24px !important;
margin: 46px 0 6px 0;
}Works!
Thanks!
June 16, 2016 at 9:38 pm #649412Hey!
Happy you did!
Please let us know if we can do anything else from our side, we would be happy to assist.Thanks a lot
Best regards,
Basilis -
AuthorPosts
- The topic ‘Bouncy main menu width’ is closed to new replies.