Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1035194

    Hi there

    My site

    http://www.i11.co.za

    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

    #1035288

    Hey 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 Shannon

    #1035323

    Thanks 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

    #1035367

    Hi,

    First add this to quick css:

    a.avia-menu-text{
    color:#fff!important;
    }

    Best regards,
    Jordan Shannon

    #1035682

    HI 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

    #1035737

    Hi,

    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 Shannon

    #1036140

    Hi
    Ive added and cached using Litespeed Cache but still doing same thing

    Let me know what else I need to do

    #1037149

    Hi,

    Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    #1037225

    As 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

    #1038389

    Hi there

    Any feedback?

    Thanks

    #1039174

    Hi,

    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,
    Basilis

    #1039254

    Still not

    Please advise

    I do have other CSS there which may be conflicting?

    Desperate here as im all set to launch new site!

    #1039283

    Changing 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

    #1040165

    Hi 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,
    Nikko

    #1040197

    Hi Nikko

    Thanks so much!

    You are a legend

    All the best

    #1040216

    Hi admini11,

    Glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Menu hover causing font change’ is closed to new replies.