Need a little help with UberMenu mobile responsive toggle positioning

Support
#1

All I want is for the responsive toggle to show up a little more to the right and for the space between it and the responsive toggle content aka the word MENU to be reduced significantly. Any help is appreciated, I’ve tried fiddling with almost all the options.

Thank you! Website is www.420starterguide.com

#2

Hello @gumballm,

Thanks for writing in!

Please add following CSS under Pro > Launch > Theme Options > CSS:

@media only screen and (max-width: 900px) {

    .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    float: right;
    width: 30%;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    background-color: transparent !important;
}

a.x-brand.text {
    float: left;
    width: 65%;
    margin-bottom: 10px;
}
.ubermenu a.ubermenu-target {
    text-align: center;
}
}

After implementing the code you would see drop down menus are center align. Let me know if that’s fine with you. If you don’t want menus to be center aligned instead just shift then to right hand side, please replace following code:

 .ubermenu a.ubermenu-target {
        text-align: center;
    }

With:

.ubermenu a.ubermenu-target {
        padding-left: 50px;
    }

Let us know how it goes.

Thanks.

1 Like
#3

It worked perfectly, thank you so so much!

#4

You’re welcome!
We’re glad we were able to help you out.