responsive presentation

hi,
We have the problem with a customer that due to the long navigation, these unfortunately break off on small laptops and tablets in landscape format.
Is there any way to display the mobile menu for tablets (for example: iPad Air, iPad Pro, Lenovo Tab M10 etc)?
Unfortunately, the desktop version is always displayed here and that really doesn’t look nice and is absolutely not user-friendly.
furthermore the “add to cart” buttons are cut off. In this case, in the German language (Screenshots)

I hope that this problem can be solved somehow, as it surely affects some Woodmart users.
thanks and regards

Attachments:

You must be logged in to view attached files.

Hello,

01. Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> CSS for the tablet section:

ul#menu-main.menu.wd-nav.wd-nav-main {
    gap: 15px;
}

02. Using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global Custom CSS:

.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
	font-size: 10px !important;
}

Best Regards.

[Author]

Posts