Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1222558
    techKNOW
    Participant

    I have an UberMenu setup on a new site I’m working on and it looks great on a big screen but when it toggles to responsive the hamburger moves up on the screen. The hamburger is also a little small.

    See attached screenshots…

    I need the hamburger to be a little larger and do better aligned with my logo on mobile.

    How can I accomplish that?

    I will open a private reply with my login info, if needed.

    Thanks!

    #1222575
    techKNOW
    Participant
    This reply has been marked as private.
    #1222696
    Joao
    Moderator

    Hi There,

    I have changed a bit the design, I guess it fits better, let me know what you think.

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

    .ubermenu-skin-black-silver.ubermenu-responsive-toggle {
         font-size: 25px;
        color: black;
        background: none;
        border: none;
        margin-top: 17px;
    }
    
    .ubermenu-skin-black-silver.ubermenu-responsive-toggle:hover {
        color: blue;
        background: none;
    }

    Hope that helps

    Joao

    #1222767
    techKNOW
    Participant

    Changed the colors and played around with the size and margins a bit. Looks great now! Thanks!

    #1222780
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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