Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #632813

    Hi guys

    This is actually a follow up to Ticket: https://kriesi.at/support/topic/enfold-full-width-sub-menu-button-color-state/#post-630441

    The fullwidth sub menu was working OK with the custom css (color active state).

    Since then we’ve set up some changes in General Styling > Logo Area > Font/Highlight Colors

    Not sure if this caused this new issue, but the red active color state is now displaying permanently on all sub menu items (and with a grey hover state).

    Can you please check example url below.

    Thanks

    #633535

    I can now see where the sub menu constant red active state is coming from.

    In General Styling > Main Content, we’ve added the same red color in Primary Color (to style the main content areas).

    This has turned all the sub menu items red instead of just the active / hover state. Is there any way of over riding this?

    Thanks

    #633650

    Hi,

    use Ismael’s code from the other ticket and add an !important to it:

    #top .av-subnav-menu .current-menu-item a .avia-menu-text {
        color: red !important;
        background: blue !important;
    } 
    

    Best regards,
    Andy

    #634103

    hi Andy

    I’ve added that but no luck.

    #634189

    Hi!

    I just checked the code on your web site and it does work properly.
    Please clear your cache and check again let us know if the issue is still there

    Regards,
    Basilis

    #634201

    Hi Basilis

    I’ve cleared cache/cookies etc and different browsers but still viewing the same.
    The url listed in post at top – I an seeing every sub menu item link RED. Whereas it should only display the active page “Mains” menu link to be red.

    Thanks

    #634441

    Hi,

    you are using this code:

    .main_color .header_bg, .main_color .main_menu ul ul, .main_color .main_menu .menu ul li a, .main_color .pointer_arrow_wrap .pointer_arrow, .main_color .avia_mega_div, .main_color .av-subnav-menu > li ul, .main_color .av-subnav-menu a {
    color: afafaf;
    }
    

    which is missing a “#”. Replace it with this one instead:

    .main_color .header_bg, .main_color .main_menu ul ul, .main_color .main_menu .menu ul li a, .main_color .pointer_arrow_wrap .pointer_arrow, .main_color .avia_mega_div, .main_color .av-subnav-menu > li ul, .main_color .av-subnav-menu a {
    color: #afafaf;
    }
    

    Best regards,
    Andy

    #634855

    Hi Andy

    I’m not using any of he code you mention above?

    This is the code for the full width sub menu:

    #top .av-subnav-menu .current-menu-item a .avia-menu-text {
    color: #c3512f !important;
    }

    #635186

    Hi,

    I can see the code which is causing the issue inside your source code. Check all your custom code and remove/replace it. If you don’t find it, try to use this code inside Quick CSS field:

    .main_color .header_bg, .main_color .main_menu ul ul, .main_color .main_menu .menu ul li a, .main_color .pointer_arrow_wrap .pointer_arrow, .main_color .avia_mega_div, .main_color .av-subnav-menu > li ul, .main_color .av-subnav-menu a {
    color: #afafaf !important;
    } 
    

    Best regards,
    Andy

    #635639

    Thanks Andy

    I’ve jumped straight to adding that code in my Child theme and it corrected the issue.

    However, rather than adding more code – can you send through the suspect code that you said that you could see above?

    Many thanks

    #636483

    Hi,

    I’m sorry but I can’t see the issue with the full width sub menu. Only the active menu item is red. Isn’t that you want? Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    #636485

    Hi Ismael

    Yes you are correct. Thanks.

    #636799

    Hi,

    so do you still need help with this or not anymore? Glad if you are happy.

    Best regards,
    Andy

    #636800

    All good thanks Andy.

    cheers

    #636817

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘enfold-full-width-sub-menu-button-color-state’ is closed to new replies.