
-
AuthorPosts
-
November 19, 2018 at 3:07 pm #1035194
Hi there
My site
is experiencing an unusual issue whereby hovering over menu items is causing font change in addition to highlighting?
Please advise how to resolve and if you need anything else from me
Thanks
November 19, 2018 at 7:02 pm #1035288Hey The iGenius,
Add this to quick css:
.menu-item a:hover{ font-family:'Audiowide', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; }
Best regards,
Jordan ShannonNovember 19, 2018 at 8:38 pm #1035323Thanks Jordan!
Another issue is that when on the home page, Home, Services and Contact are all highlighted
Im assuming this has to do with each ‘page’ being custom link menu items
Is it possible that these menu items are only highlighted when users are on each particular section of the home screen?
It displays correctly when on other pages eg http://www.i11.co.za/bookings
Let me know
November 20, 2018 at 1:26 am #1035367Hi,
First add this to quick css:
a.avia-menu-text{ color:#fff!important; }
Best regards,
Jordan ShannonNovember 20, 2018 at 4:54 pm #1035682HI there
Ive added that but still no luck
The custom link sections remain highlighted on the menu bar when on the home page
Id like them to only be illuminated when browsing on that particular section of the homepage
Displays correctly when on about and service pages
Please advise
November 20, 2018 at 7:12 pm #1035737Hi,
Please add my code to the very top of quick css so it runs first and clear the cache a few times over. This code is simply to remove the highlight from custom link sections. We’ll address any other issue once that is fixed.
Best regards,
Jordan ShannonNovember 21, 2018 at 4:17 pm #1036140Hi
Ive added and cached using Litespeed Cache but still doing same thingLet me know what else I need to do
November 24, 2018 at 12:35 am #1037149Hi,
Please provide admin info so we can log in and look into this issue further.
Best regards,
Jordan ShannonNovember 24, 2018 at 11:57 am #1037225As requested
Have a look at the services and contact colour section’s ID and main menu custom links
I recently changed the Home menu item from custom link to page but doing the same thing when on home page
Thanks
November 28, 2018 at 10:14 am #1038389Hi there
Any feedback?
Thanks
November 30, 2018 at 12:16 am #1039174Hi,
Please add the following CSS rule:
#top #header_main > .container .main_menu .av-main-nav > li > a:hover { font-size: 12px; }
Let us know if it does work.
Best regards,
BasilisNovember 30, 2018 at 9:39 am #1039254Still not
Please advise
I do have other CSS there which may be conflicting?
Desperate here as im all set to launch new site!
November 30, 2018 at 12:50 pm #1039283Changing menu items from custom links to pages will resolve the issue but Id prefer to keep the custom links so that menu items jump to sections on the home page
Let me know
December 3, 2018 at 8:31 am #1040165Hi admini11,
I have added this css code in Quick CSS (located in Enfold > General Styling):
#top .header_color .main_menu ul:first-child > li.current_page_item > a { color: #4d4d4d !important; } #top .header_color .main_menu ul:first-child > li.current-menu-item > a { color: white !important; }
and it seems to work out properly. I need to do a hard refresh to force the fetching of the added css tweaks by pressing ctrl + f5 in chrome.
Best regards,
NikkoDecember 3, 2018 at 10:02 am #1040197Hi Nikko
Thanks so much!
You are a legend
All the best
December 3, 2018 at 11:23 am #1040216Hi admini11,
Glad that we could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Menu hover causing font change’ is closed to new replies.