Navigation
Archive / Change distance between menu item and box-shadow
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 9, 2016 at 10:45 am #1034194
    Johan M
    Participant

    Hi there!

    I can’t for my life figure out how to get the menu-item box-shadow to have a bit more distance to the menu item itself. Also, I would like it to be only the length of the actual word.

    Please let me know how. 🙂

    June 9, 2016 at 2:21 pm #1034528
    Joao
    Moderator

    Hi Johan

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks,

    Joao

    June 15, 2016 at 12:24 pm #1043600
    Johan M
    Participant
    This reply has been marked as private.
    June 15, 2016 at 2:31 pm #1043832
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the URL! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-navbar .desktop .x-nav > li > a span:hover, .x-navbar .desktop .x-nav > .x-active > a span, .x-navbar .desktop .x-nav > .current-menu-item > a span {
    box-shadow: 0px 3px 0px 0px #0072ae !important;
    padding-bottom: 5px !important;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}
.x-navbar .desktop .x-nav > li > a > span {
    padding-bottom: 5px !important;
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1034194 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>