Navigation
Archive / Glitch with Menu Arrow on Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 14, 2016 at 11:24 am #1256717
    pdopchev
    Participant

    Hi guys,

    Just noticed that there is a glitch in th emenu when viewed on mobile (small) screen. The “arrow” next to Programs, which is under DO is displayed over the text. Any ideas on fixing that?

    link:http://www.crestedbuttesnowsports.org/

    Thank you!

    November 14, 2016 at 12:50 pm #1256815
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
outline: none !important;
}

    Hope it helps

    Joao

    November 15, 2016 at 6:36 am #1257826
    pdopchev
    Participant

    Hi, the issues is still there after including the code above. Do you ave other suggestions?

    Thank you!

    November 15, 2016 at 7:59 am #1257919
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
.x-navbar .sub-menu li.menu-item-has-children > a > span {
        margin-right: 35px;
}

    Hope that helps.

    November 15, 2016 at 10:59 am #1258173
    pdopchev
    Participant

    It worked perfectly, thank you for your help!

    November 15, 2016 at 11:18 am #1258198
    Rahul
    Moderator

    Glad to hear it!

    Let us know if we can help with anything else.

    Thanks for choosing the X-theme.

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