Move Nav bar logo left follow up

[quituck]

Hi again,

A couple week ago I had a couple nav bar issues I wanted resolvedand did. See there here:

Move nav bar logo left

Thanks in Advance!
I just realized that the nav bar looks wonky on mobile and I’m not sure how to fix it. Please help!
The menu display below the mobile nav button. How can I remove it?

[Prasant]

Hello @quituck,

Thanks for writing in!

Please try using following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .x-navbar-wrap {
    display: none;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[quituck]

Hi,
Thank for your help. Unfortunatly, that did not work. It completely hide my mobile nav bar button.
I use this code to center my nav bar text: .x-nav-wrap.desktop { display: inline-block; }But It also causes me to have a double menu in mobile view.

Please advise.

Thanks again!

[lely]

Hi @quituck,

Please try this CSS instead:

@media (min-width: 980px){
  .x-nav-wrap.desktop { 
      display: inline-block; 
   } 
}

Without media query, it overrides the CSS that hides it on mobile.

Hope this helps.

[quituck]

That worked perfectly.

Thanks again for all of your help. I really appreciate your support.

[Prasant]

You are most welcome.