[nathanmlaneParticipant]

Hey, I am trying to get the mobile nabber height to be different from desktop. It’s working, but I am running into the issue of not being able to have space under the mobile menu button.

The site is smithslaminate.wpengine.com

Here is the current code : `@media (max-width: 979px){
.x-navbar-inner {
min-height:30px;
padding: 0px 5px;
} }`

and I’ll attach a screenshot.

Thanks!

[RupokMember]

Hi there,

Thanks for writing in! Let’s update your code –

@media (max-width: 979px){
.x-navbar-inner {
  min-height: 55px;
  padding: 0 5px;
}
}

Hope this helps.

Cheers!

[nathanmlaneParticipant]

You wizard. I seriously changed that value to so many things, and nothing would work.

Thanks!

[nathanmlaneParticipant]

One more question though : I am trying to hide a menu option in mobile as well.

Here is the code :

@media (max-width: 979px) { #menu-item-43 { display: none; /* hide menu item in mobile */ } }

@media (max-width: 979px) { #menu-item-46 { display: none; /* hide menu item in mobile */ } }

It does not seem to be working.

[ThaiModerator]

Please try with this CSS instead:

@media (max-width: 979px) { .menu-item-43 { display: none; /* hide menu item in mobile */ } }

@media (max-width: 979px) { .menu-item-46 { display: none; /* hide menu item in mobile */ } }

Hope it helps 🙂

[nathanmlaneParticipant]

Perfect. Thanks!

[DarshanaModerator]

Glad we were able to help 🙂

[Author]

Posts