Docs

[drewkirkproductions]

Hello,

I’m currently having problems (plus a lot more!!) with the theme and UberMenu. It currently displays strange when on a mobile. Why is this happening?

Please see the attached file.

Thanks.

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

It would also be best if you take some time reading through UberMenu usage instructions and integration here https://community.theme.co/kb/integrated-plugins-ubermenu/

Thanks.

[drewkirkproductions]

This reply has been marked as private.

[Lely]

Hi There,

Can you clarify what you meant strange display on mobile?
In case you just want the mobile button to display below the logo, please add this custom CSS:

@media (max-width: 480px){
.x-brand {
   float: none !important; 
}
}

Hope this helps.

[drewkirkproductions]

Most themes show up with the icon on the right to open the menu but this one seems to overlap the logo.

I have added the custom CSS but the problem now is the alignment of the menu on the left and the logo on the left.

[Lely]

Hi There,

To make the mobile button on the right, please also add this:

@media screen and (max-width: 959px)
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    float: right;
}

You may also check this:http://sevenspark.com/docs/ubermenu-menu-bar-positioning

Hope this helps.

[drewkirkproductions]

This still hasn’t worked and my other replies have been deleted for some reason?

[Rad]

Hi there,

Which replies? We don’t delete replies. Please change that CSS to this,

@media screen and (max-width: 959px) {
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    float: right;
}
}

Hope this helps.

[drewkirkproductions]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media screen and (min-width: 960px){
  .x-navbar .ubermenu-responsive-default.ubermenu {
    margin-top: 40px;
  }
}

Hope this helps. Kindly let us know.

[drewkirkproductions]

This looks a little bit better but when clicked, the menu is a little bit close to the logo above it. What is the code to separate it slightly? (move it down about 10px)

[Christopher]

Hi there,

Please add this :

@media screen and (max-width: 959px){
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
    margin-top: 20px;
}
}

Hope it helps.

[Author]

Posts