Navigation
Archive / Css to remove mobile nav button shadows
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 9, 2016 at 8:07 am #874116
    helloeng
    Participant

    Hi

    Can you please give me the css to remove the shadows of the mobile nav button? Please see pictures for what I mean.

    Thank you.

    April 9, 2016 at 8:08 am #874119
    helloeng
    Participant
    This reply has been marked as private.
    April 9, 2016 at 11:53 am #874314
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .x-btn-navbar.collapsed,
.x-btn-navbar,
.x-btn-navbar:hover {
    box-shadow: none;
    background-color: transparent !important;
}

    Hope it helps 🙂

    April 10, 2016 at 10:50 am #875284
    Alejandro Jose S
    Participant

    You could try this if that doesn’t work:

    .x-btn-navbar{
    box-shadow: 0 2px 0 0 transparent;
}
    April 10, 2016 at 10:13 pm #875831
    Rupok
    Member

    Thanks for your input @elpanda13

    Have a nice day!

    April 11, 2016 at 6:15 am #876265
    helloeng
    Participant

    sorry, neither of the above worked. any other ideas?

    April 11, 2016 at 10:29 am #876611
    Christian
    Moderator

    Please add the code below in your Appearance > Customize > Custom > CSS

    .x-btn-navbar {
    box-shadow: none !important;
}

    Hope that helps. 🙂

    April 12, 2016 at 7:42 am #878179
    helloeng
    Participant

    yes it works! Thank you so much 😉

    April 12, 2016 at 12:14 pm #878648
    Prasant Rai
    Moderator

    You are most welcome.

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