Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #241221

    I have read most of the posts about making changes to the menu. I’ve tried several of the recommended changes to change font color, background, add shadows, etc but the only one that works is the color change to the “Blog” menu item. None of the other menu changes work.

    This is an example –

    #top #header .avia_mega_div .sub-menu { background-color: #006e9f;
    a:link color:#FFFFFF;text-decoration:none;

    This does change the background color on the “Blog” but doesn’t change the links. Not sure what I am doing wrong. I would like all of the menu item drop downs to have the semi-transparent background, change the font and the color to white.

    Thanks!

    #241969

    Hey Gary!

    Have you tried the snippet from here: http://kriesi.at/documentation/enfold/change-the-main-menu-color/

    The css you’ve pasted is incorrectly formatted so that may be the root issue. If you can provide a link to your site we can see what you have now as well.

    Cheers!
    Devin

    #242187

    Thanks, Devin, but I wasn’t talking about changing the Main Menu. I wanted to change the drop downs from this menu. I looked at the CSS again and tried replacing what you sent me with avia-menu-fx and avia-menu-div but none of that worked, but, of course, I’m just guessing, which never works.

    #242309

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .header_color .main_menu .menu ul li>a:hover { color: red; }
    .header_color .main_menu .menu ul li a:hover { background-color: yellow; }
    #top .av-main-nav ul a { color: blue; }

    Regards,
    Yigit

    #243314

    Thank you, kind sir! I got exactly the effect I wanted, even adding an increase in font size to make it stand out even more.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu CSS changes not working’ is closed to new replies.