Mobile Menu on top of the logo and not aligning in Icon Stack-

Support
#1

HI
I was wondering why my mobile menu is on top of my logo on the phone. Is there a way to adjust without moving my desktop logo? Also the menu seems off-center, should the gray bar go end to end and the hamburger go futher to the right?

See screenshot

#2

Hi there,

Thanks for writing around! Please try adding the following CSS code in the Theme Options > CSS:

.ubermenu-skin-white.ubermenu-responsive-toggle {
    display: inline-block !important;
    float: right !important;
    margin-top: 40px !important;
}

Let us know how this goes!

#3

thanks that worked!

#4

Glad it worked.

Cheers!

#5

I’m having a similar issue:

Will adding this code or a modified version of it allow my menu on smaller devices to stay inline?

#6

Hi,

It looks like you are not using ubermenu so you need a different css code.

Can you provide us with your site URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

#7

Thanks for your reply,

This is the site.

I’m brand new to these forums so I’m not sure if this should be done in a different post or something along those lines.

#8

Hey Alex,

Thanks for updating in! To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 979px){
  .x-brand.img {
    max-width: 75%;
  }

  .masthead-inline .x-btn-navbar {
    margin-top: 30px;
  }
}

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

#9

Yes it did! Thank you so much.

#10

You are most welcome!
If you need anything else we can help you with, please do not hesitate to open a new thread.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.