New Landing › How can we help? › Atelier › Styling vertical header sub menu

Viewing 15 posts - 1 through 15 (of 15 total)
  • Back to forum
    Posted in: Atelier
  • October 30, 2015 at 7:43 pm #224702
    9metis
    Member
    Post count: 45

    Hi,

    I would like to change the active and hover over text color of my vertical header sub menu. Changing the color in options seems to only work on the main menu. Also, I don’t want to do this in the options as I’m using a child theme. They should be the same color as the main menu.

    Thanks in advance!

    November 2, 2015 at 8:18 am #224865
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
    color: #FF0000 !important;
}

nav .menu > li.menu-item:hover > a, nav.std-menu .menu > li:hover > a {
    color: #FF0000 !important;
}

    Thanks
    Mohammad

    November 3, 2015 at 8:35 am #225289
    9metis
    Member
    Post count: 45

    Hi Mohammad,

    Thanks but that CSS didn’t work. Here’s what I tried:

    nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
    color: #ffffff !important;
}

nav .menu > li.menu-item:hover > a, nav.std-menu .menu > li:hover > a {
    color: #ffffff !important;
}
    November 3, 2015 at 9:08 am #225299
    9metis
    Member
    Post count: 45

    Sorry I forgot to mention that I only want to change the background and colors of the sub menu and not the wishlist or cart popups. When I changed the background of the sub menu, it also changed the background of the wishlist and cart popups.

    November 3, 2015 at 10:44 am #225319
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu {
    color: #fff !important;
}

nav .menu ul.sub-menu li.menu-item:hover > a {
    color: #000 !important;
}

    Thanks
    Mohammad

    November 4, 2015 at 6:05 pm #225936
    9metis
    Member
    Post count: 45

    Thanks Mohammad, almost there! The link works but the hover color doesn’t. I pasted in this code and the hover over link is still black.

    nav .menu ul.sub-menu li.menu-item:hover > a {
    color: #fff0d8 !important;
}
    November 5, 2015 at 8:11 am #226046
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have resolved it so please check it now.
    Thanks
    Mohammad

    November 5, 2015 at 10:26 am #226089
    9metis
    Member
    Post count: 45

    Thanks Mohammad, this worked! How did you fix it?

    November 5, 2015 at 11:12 am #226108
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have changed through Admin -> Appearance -> Color Customizer -> Navigation Color -> Sub Menu color.
    Thanks
    Mohammad

    November 5, 2015 at 11:34 am #226123
    9metis
    Member
    Post count: 45

    That easy, thanks!!

    November 5, 2015 at 11:36 am #226124
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. Glad 🙂 to help you.
    Thanks
    Mohammad

    November 8, 2015 at 10:24 am #226875
    9metis
    Member
    Post count: 45

    Hi Mohammad, sorry to bring this up again but I had to upload a new font after purchasing a license. For some reason, this resetted the settings in Admin -> Appearance -> Color Customizer -> Navigation Color. I changed the colour of the sub menu text but it’s still showing the previous colour. Do you know what’s happened?

    November 9, 2015 at 10:34 am #226939
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Are you using any cache plugin?
    Thanks
    Mohammad

    November 11, 2015 at 11:11 am #227693
    9metis
    Member
    Post count: 45

    Mohammad, thanks it worked itself out likely due to the site being cached.

    November 11, 2015 at 11:36 am #227710
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Glad 🙂 to know this.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register