How to hide mega menu for mobile view?

Hi! As I have more than 20 Product categories I displayed the menu in front page, but please precise how to hide this menu block for mobile view?

Attachments:

You must be logged in to view attached files.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile area:

.wd-rs-636b5f38535ae {
  display: none !important;
}

Hope this helps !

Best Regards

It helps, but hides menu also for desktop and tablet version. How to make it invisible for mobile only?

Hello,

Can you please make sure that you applied the CSS in Custom CSS for Mobile?

If yes and you have still issues on the Desktop and Tablet, then please try the rectified version of the Custom CSS on your Site:

@media(max-width: 768px) {
.wd-rs-636b5f38535ae {
  display: none !important;
}
}

Best Regards

Oh, I did apply the code to all website. My bad. All good now

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts