Tablet Side Menu

Hello,
I have an unusual issue with Woodmart theme. In tablets, vertical orientation, the main menu is correctly converted in side menu (tablet-vertical-orientation.png). BUT, in tablet HORIZONTAL orientation, the main menu remains desktop mode and the submenus do not open (tablet-horizontal-orientation.png). Can i set the main menu as SIDE menu in tablet horizontal orientation?

Attachments:

You must be logged in to view attached files.

Hello,

You can check your Site on a real-time device (Tablet) to confirm more regarding the issue or use any Responsive online tool like: http://responsivetesttool.com/

Best Regards,

Hello again,
I’ve checked the issue in real time device (tablet) and in responsive online tool, that’s why i created the topic. I remind you that the problem is in HORIZONTAL orientation.

Hello,

Could you please let us know the exact screen resolution where you’re noticing the issue? This will help us replicate the problem on our end and provide you with a solution.

Best Regards,

Now, the break point of the menu is 1024px. Is it possible to change the break point to 1200px ?
The exact screen resolution is 1080×810, horizontal orientation, in iPad.

Hello,

You can try adding the following CSS in Theme Settings -> Custom CSS:

@media(max-width: 1200px){
  .whb-column.whb-mobile-left.whb-column_mobile2.whb-hidden-lg {
      display: grid !important;
  }
  .whb-general-header .whb-column.whb-col-center.whb-column9.whb-visible-lg {
      display: none !important;
  }
  .whb-general-header .whb-column.whb-col-right.whb-column10.whb-visible-lg {
      display: none !important;
  }
  .whb-general-header .whb-flex-row.whb-general-header-inner .whb-column.whb-col-left.whb-column8.whb-visible-lg {
      flex: 1 1 100% !important;
  }
}

Result: https://postimg.cc/Yjb4LGXy

This is the possible adjustment we could achieve. If you need further or more advanced modifications, it would require extra code customization, as the theme itself does not provide any option to change the breakpoints directly.

Best Regards,

ok, thank you very much for the css, you can close the topic!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts