Navigation
Archive / Align Mobile Menu icon to the right and be bigger
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 23, 2016 at 3:47 pm #1303055
    tjw101
    Participant

    Hi,

    Currently the mobile menu icon aligns left (even though the regular full menu is set to align right).

    See screenshot attached.

    How do I set this to the right (with a small margin on the right side of the element)?

    How do I increase the size of this tiny menu icon?

    Thanks

    December 23, 2016 at 9:24 pm #1303318
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To make the mobile menu icons bigger and positioned it to the right, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    @media screen and (max-width: 959px){
  .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
    float: right;
    font-size: 18px !important;
  }
}

    We would loved to know if this has work for you. Thank you.

    December 24, 2016 at 2:42 pm #1303641
    tjw101
    Participant

    That works – great! Thanks.

    December 25, 2016 at 2:47 am #1303850
    Christian
    Moderator

    You’re welcome.

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