Tablet landscape elementor

Hey, because we received some complains from our customers about our eshop we just find out you dont have settings for tablet landscape… So we cannot edit product categories carousel, how many categories to show etc… Because as you can see in screenshot on landscape this part looks horrible, not full words etc..

This theme dont even have header builder for tablets and thats strange. So we had to do other way to fix header on tablet..

So then how we can fix this ???

Screenshot attached

Attachments:

You must be logged in to view attached files.

Also how we can hide qty input on sticky add to cart ? Mobile. You have few settings for QTY to show and hide, but not for sticky add to cart…

Hello,

01. Tablet devices do not have a separate builder like mobile. The theme works with three main breakpoints only Desktop, Tablet and Mobile

That’s why you won’t see a dedicated Tablet Landscape editor for the header or separate carousel controls just for that view.

02. Try to add this code in Theme Settings > Custom CSS > Custom CSS for mobile.

 .wd-sticky-btn .quantity,
    .wd-sticky-btn .wd-quantity-overlap {
        display: none !important;
    }

` .wd-sticky-btn .single_add_to_cart_button,
.wd-sticky-btn .wd-sticky-add-to-cart {
padding-inline-start: 0 !important;
}`

Best Regards,

So how we can fix this issue on landscape? Because text is not in full ..

Hello,

To better understand and fix the issue with the product categories carousel on tablet landscape, could you please tell me the screen resolution where you see the problem?

Best Regards,

Blackview LINK 8 SET WiFi 12.7-inch 2k+ 2176×1600 90Hz 12GB+256GB MT Helio G100 Octa-core 2.2GHz Cam Front 13MP Rear 16MP 8400mAh Charger Cable.

Thats for example, but i see same issue on Google’s chrome devs tool

Hello,

I’ve checked your site, but I’m unable to reproduce the issue on my side.

Could you please share a screenshot from Chrome DevTools showing the problem and the exact resolution you’re using (for example: width × height)?

Once I have that, I’ll be able to test the same screen size and investigate it further.

Best Regards,

Attached

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following Custom CSS code to Theme Settings > Custom CSS.

@media (max-width: 1366px) {
    .cat-design-mask-subcat .wd-cat-content {
        padding: 15px;
    }

    .cat-design-mask-subcat .wd-cat-title {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }
}

Best Regards,

Hey,

0 changes with this custom css

Changed font size to fix issue. So it will be okay for now.

Hello,

Thank you for the update. Glad to hear you were able to fix it while changing the font size.

If you notice anything else or need further assistance, feel free to reach out anytime — we’ll be happy to help.

Best Regards,

[Author]

Posts