Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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!

    #645956

    Hi 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, 6 months ago by Rikard.
    #647749

    Hi Rikard,

    Thanks! Login posted in private content.

    LeeAnne

    #649177

    Hi,

    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,
    Yigit

    #649355

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

    #649374

    I 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!

    #649412

    Hey!

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Bouncy main menu width’ is closed to new replies.