Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1131728

    For some items in my main menu, the active menu text is bold and for other items the text is white on a dark gray background. I would like they all show as bold text.

    #1131744

    Hey photographie-tous-azimuts,

    Add this to quick css:

    li .avia-menu-text{
    font-weight:bold!important;
    }

    Best regards,
    Jordan Shannon

    #1131746

    This did put the menu in bold, but did not removed the gray background. Looks like I need another CSS.

    #1131748

    Hi,

    So you don’t want a background at all at any point?

    Best regards,
    Jordan Shannon

    #1131751

    For the permanent background block around currently selected menu item, that is. Looks too heavy. Bold menu title is more subtle and looks better. Dark background is OK while hovering menu titles.

    #1131753

    Hi,

    Add this to quick css:

    #top #header .av-main-nav > li.current-menu-item > a{
    background:transparent!important;
    font-weight:bold!important;
    }

    Best regards,
    Jordan Shannon

    #1131758

    No go. The text is bold, but the dark background is still there.

    #1131762

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1131764

    Put at beginning of QuickCSS, cleared caches, quitted browser, cleared caches again. No go. There is also a global.css file loaded in my child theme. I put it at the beginning of that file. No go. CSS is black magic!

    #1132008

    Hi photographie-tous-azimuts,

    https://cl.ly/cffb440b90e0 Here is what I am seeing. Do you want all the menu to be bold?

    Best regards,
    Victoria

    #1132011

    I want the active menu (Blogue in the screen shot) to be bold, fully black, and without the background gray box.

    #1132067

    Hi photographie-tous-azimuts,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #header_main_alternate li.current-menu-item {
        background-color: transparent;
    }
    #top #header .av-main-nav > li.current-menu-item > a span.avia-menu-text{
        color: #000;
        font-weight: bold;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1132380

    Almost there: The gray background disappeared but the menu title disappeared too!

    Best regards,
    Serge

    #1132398

    Errata: it does work! I copy-pasted the code from the email. The > character was displayed as > there.

    #1132817

    Hi Serge,

    Thanks for the update, so everything is working as it should now then?

    Best regards,
    Rikard

    #1133034

    Hi Rikard,

    Yes, everything is OK now. Thanks.

    Best regards,
    Serge

    #1133252

    Hi Serge,

    Great, I’m glad that everything is working as it should now. I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Main Menu Indicator inconsistency’ is closed to new replies.