“Product categories” inline-block (Elementor) on mobile

I’m wondering if it’s possible to have the categories item (from the builder) NOT stacked, but on the same line and horizonzally scrollable.
So they’ll take up less space on the screen and can be easily scrolled horizontally on mobile. Let me know if you can help. Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

In order to make the categories menu scrollable, enter the below code to the “Custom CSS for mobile” area that is in Theme Settings -> Custom CSS.

.wd-nav-product-cat {
    overflow: auto;
     white-space: nowrap;
     width: 360px;
     display: inline-block;
}

.wd-nav-product-cat li  {
    display: inline-block;
}

https://gyazo.com/e8f2bfd15e91f4b6fdcd0e52993b8e6d

Kind Regards

Amazing, just what I needed. Thanks you so much for the quick reply!

Hello,

I’m glad we managed to sort this out.

We will appreciate it if you can refer your friends or family members to become a part of our Xtemos family.

In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts