Mobile menu is used on smartphones but not on tablet

roxjul

In the tablet view (iPad), the menu changes to the mobile menu on the right side (slide menu). But for this menu, the main menu is used and not the menu that I created and selected as a mobile menu. The mobile menu is used on smartphones. But why not on the tablet?

Is there a way to select a menu for the tablet view?

Phil

Hi,

The mobile menu shows only devices with a screen width lower than 767px. If you would like to use the mobile menu on tablets, too, you need to write a custom CSS for it.

If you send me a link to your website, I can help you write it.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

roxjul

Many thanks for the answer!

It's funny though that the navigation in the tablet view switches to the mobile menu but still uses the main menu.

Here is the link to the home page. Many thanks for the help!!!

https://www.henning-bock.de

Phil

Put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media only screen and (max-width: 1240px){
   .mobile-menu #Side_slide .menu.menu-mobile{
      display: block!important;
   }
   .mobile-menu #Side_slide .menu.menu-main{
      display: none!important;
   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

roxjul

Thank you very much! It works!!! ?