Change color of menu

  • Resolved Kevinn02

    (@kevinn02)


    10 years ago

    Hi there,

    What is the code for changing the responsive menu button when hover? I mean The little square with 3 stripes in it (when you view on your mobile). I already changed it for no hover, but what is the code for the hover?

    Also my menu buttons, active and hover are changed but when I click on a menu item and move my mouse to the content the clicked menu item returns into the blue Enigma color. What is the code to change this color also? I hope you understand me.

    Thanks for your help in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • weblizar_support

    (@weblizar_support)

    Hi,

    To change the color follow the given below instructions:

    First of all create a “Child-Theme”.

    After it Go to Dashboard Admin Panel >> Appearance Menu >>

    Theme Options >> General Options >> Custom CSS.

    Now write given below CSS rules into custom CSS box.

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus
    {
    background-color: #DD5252 !important;
    }

    and save the changes.

    Now open “style.css” file of your “Child-

    Theme” directory and copy the given below CSS rules.

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus
    {
    background-color: #DD5252 !important;
    }

    and paste into “style.css” file of your

    “Child-Theme” directory.

    Now save the changes.

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    Thanks! This worked great.

    Hi everyone,
    Itried with your suggestions, but I’m not able to change the color of the menu when the mouse is over it.

    Here is the code I added with Custom CSS:

    .header_section
    { background-color: #ffffff; color: #000000;
    }
    .navigation_menu { border-top: 2px solid #e60003; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .dropdown-menu .active a { background-color: #dddbd1; }
    .dropdown-menu .hover a { background-color: #e60003;}
    .navigation_menu { background-color: #fff; border-top: 2px solid #e60003; }

    blueb,

    Have you ever found a solution to this issue? I am having the same difficulties.

    Does anyone have a solution @ weblizar_support

    Hi blueb,

    Please provide details of changes you want to make in theme.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change color of menu’ is closed to new replies.