Docs

[FLYFLY]

Hi
My menu is not fix with mobil and the button “Menu” is not center. Show in the picture attachement. Thanks

[FLYFLY]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: inline-block;
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
}
}
@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: fixed;
}
}

Hope that helps.

[FLYFLY]

Hi Thanks but i want that the logo and menu button are inline ( one left and one right ) center verticaly.
Thanks

[Rupok]

Hi there,

Thanks for writing back. Let’s update the code a bit :

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
  display: inline-block;
  float: right;
  margin: 10px auto;
  text-align: right;
}
}
@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: fixed;
}
}

Hope this helps.

[FLYFLY]

Thank it’s work great. Just another question. I’d like that the logo will smaller on tablet and iPhone. Is it possible thanks.
Gwen

[Paul R]

Hi,

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

@media (max-width: 767px){
    .x-brand img {
        width: 130px;
    }
}

@media (max-width: 480px){
    .x-brand img {
        width: 100px;
    }
}

You may change the width to achieve your desired look.

Hope that helps.

[FLYFLY]

thanks it’s work perfect.
And if i want to decrease the height of the menu bar. see the attached picture.
Thanks

[FLYFLY]

On mobil

[Thai]

Hi There,

Please find this CSS:

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
  display: inline-block;
  float: right;
  margin: 10px auto;
  text-align: right;
}
}

And change to this:

@media screen and (max-width: 959px){
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
  display: inline-block;
  float: right;
  margin: 5px auto;
  text-align: right;
}
}

After that add the following CSS:

@media (max-width: 979px){
    .x-navbar-inner {
        min-height: 50px;
    } 
}

Hope it helps 🙂

[Author]

Posts