Menu shadowing

  • I am using the Jolene theme and need to reduce or remove the shadowing around the menus. How can I do this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there WilsonCC,

    How are you doing today?

    To remove box shadow from menu items please add the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css 

    @media screen and (min-width: 680px) {
    .horisontal-navigation .current-menu-item > a, .horisontal-navigation .current-menu-ancestor > a, .horisontal-navigation .current_page_item > a, .horisontal-navigation .current_page_ancestor > a {
    box-shadow: none;
}
}

    In case you want to remove text shadow on navigation as well, add this instead:

    @media screen and (min-width: 680px) {
    .horisontal-navigation .current-menu-item > a, .horisontal-navigation .current-menu-ancestor > a, .horisontal-navigation .current_page_item > a, .horisontal-navigation .current_page_ancestor > a {
    box-shadow: none;
}
.horisontal-navigation a {
    text-shadow: none;
}
}

    If the code doesn’t work please post link to your site and let me know so I can take a look ??

    Cheers,
    Bojan

    Thank you for your help. I have controlled the shadowing.

    Awesome ??

    Have a great day!

    Cheers,
    Bojan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu shadowing’ is closed to new replies.