Home › Forums › WoodMart support forum › Tablet Side Menu

Tablet Side Menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 28, 2025 at 12:58 pm #682754

    itbiz.gr
    Participant

    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.
    August 28, 2025 at 4:13 pm #682885

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    August 28, 2025 at 4:21 pm #682903

    itbiz.gr
    Participant

    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.

    August 29, 2025 at 9:48 am #683049

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    August 29, 2025 at 10:14 am #683067

    itbiz.gr
    Participant

    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.

    August 29, 2025 at 1:37 pm #683166

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    August 29, 2025 at 3:18 pm #683216

    itbiz.gr
    Participant

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

    August 30, 2025 at 8:25 am #683323

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Tablet Side Menu’ is closed to new replies.