-
AuthorPosts
-
February 1, 2021 at 8:39 pm #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,
AnamitraFebruary 2, 2021 at 5:04 am #1276976Hi 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,
NikkoFebruary 2, 2021 at 4:44 pm #1277171Hi Nikko,
Thanks for your reply.
I tried but it’s not working.
Uploaded the screenshot of the advance styling section for your reference.Please help me to get a resolution. Let me know if you want to access details to look into this.
Thanks,
Anamitra- This reply was modified 3 years, 10 months ago by anamitrasrivastava.
February 3, 2021 at 3:24 pm #1277386Hi Anamitra,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoFebruary 3, 2021 at 4:05 pm #1277398Hi Nikko,
Please find details in the private section.
Thanks,
AnamitraFebruary 4, 2021 at 5:36 am #1277529Hi 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,
NikkoFebruary 4, 2021 at 8:04 pm #1277778Thanks a lot, Nikko. You are amazing.
February 5, 2021 at 5:33 am #1277831Hi 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 -
AuthorPosts
- The topic ‘Color change on hovering header main menu’ is closed to new replies.