Navigation
Archive / Mobile menu dropdown arrows displays on top of text instead of to the right
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 16, 2016 at 9:32 pm #1260473
    Mary Beth M
    Participant

    Hello there. The mobile menu drop down arrows are displaying on top of the text, but just on sub-sub-items. I tried a ton of different CSS options, but I end up moving the text as well as the double-down-arrows, or just removing them entirely.

    How can I display the sub-sub items with the double-down arrows to the right, without affecting the sub items arrow placement? Screen shot will probably make more sense…

    http://sandiego.dreamhosters.com/

    Thank you!

    November 16, 2016 at 11:24 pm #1260559
    Rupok
    Member

    Hi there,

    It seems you have added the below code that’s causing the issue :

    .sub-menu a {
  font-size: 16px;
  text-align: right;
}

    If you wanted this for desktop site then update this to following :

    .desktop .sub-menu a {
  font-size: 16px;
  text-align: right;
}

    Hope this helps.

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