Remove hamburger menu or ..

Hey dglick5,

Solution 1:
If you want to use 3rd party plugin then you just have to add below css code into your stylesheet or you can also add this code into your additional css from theme customizer.

@media (max-width: 767px) {
 .navbar {
   display: none;
 }
}

This code removes your hamburger menu. After that, you can use your 3rd party plugin.

Solution 2:

If you want to show the full menu on your mobile screen also to do that you can also add below css code into your stylesheet or you can also add this code into your additional css from theme customizer.

@media (max-width: 767px) {
 .collapse.in {
   display: block !important;
 }
}

Using of this code you don’t need to use any kind of 3rd party plugin.
This code will show the menu on the mobile screen also without the hamburger.

Hope it will help you.
Thank you.

Hey Snehal,

Thank you so much for your response! The first solution did work, but unfortunately for some reason the Max Megamenu refuses to display its mobile menu on mobile (but it will display the mobile menu on desktop if the pixel setting is adjusted). I think there is a conflict between the theme and the plugin somewhere – if you can provide some info please do….

The second solution did not display the full menu as you said it would – there was no change at all. Can you please verify the code for me? I am still basically where I was before ??

@media (max-width: 767px) {
.collapse.in {
display: block !important;
}
}

The good news is I did figure out how to hide the default ta-breadcrumb-section, which was also causing me issues.

Thank you!

Dave

Hey dglick5,

I’m sorry for the inconvenience.

Try below css code.

@media (max-width: 991px) {
 .collapse {
   display: block !important;
 }

 button.navbar-toggle {
   display: none !important;
 }
}

Now it will solve your all problems.
Thanks

• This reply was modified 6 years ago by Anonymous User 16453565.

Perfect, thank you….

Dave