Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1276919

    Hello Team,
    I have recently purchased the ENFOLD theme and I am very satisfied with this.
    I have one query, I am not able to change the color on the hovering the main menu items under Header.
    I saw your videos and supports doc but unfortunately, it’s not working.

    Need your help on an urgent basis.

    Thanks,
    Anamitra

    #1276976

    Hi Anamitra,

    Thanks for providing the link.
    Go to Enfold > Advanced Styling > click (Select an element to customize) then choose Main Menu Links, then click on the Edit Element button.
    This should show a box below it, change the Font Color, then check Apply only to mouse hover state.
    Hope it helps.

    Best regards,
    Nikko

    #1277171

    Hi Nikko,
    Thanks for your reply.
    I tried but it’s not working.
    Uploaded the screenshot of the advance styling section for your reference.

    Screen-Shot-2021-02-02-at-8-08-40-PM

    Screenshot

    Please help me to get a resolution. Let me know if you want to access details to look into this.

    Thanks,
    Anamitra

    #1277386

    Hi Anamitra,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1277398

    Hi Nikko,

    Please find details in the private section.

    Thanks,
    Anamitra

    #1277529

    Hi Anamitra,

    Thanks, I also can’t make it work, I have added these codes in Enfold > General Styling > Quick CSS instead:

    #top #header .av-main-nav > .current-menu-item > a .avia-menu-text, #top #header .av-main-nav > li > a:hover .avia-menu-text {
        color: #ed9600 !important;
    }
    
    #top #header .av-main-nav > .current-menu-item > a .avia-menu-fx, #top #header .av-main-nav > li > a:hover .avia-menu-fx {
        background: #ed9600;
        height: 4px;
    }

    just adjust the height to make it big or shrink it, also, I could not replicate the animation done on your reference site.
    I have also flushed out the cache from WP Rocket since it was not fetching the newer css, since you are still in development mode, please disable caching and once you have finished everything then enable the caching again.

    Best regards,
    Nikko

    #1277778

    Thanks a lot, Nikko. You are amazing.

    #1277831

    Hi Anamitra,

    You’re very much welcome :)
    We’re just glad that we could help.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Color change on hovering header main menu’ is closed to new replies.