Mobile Category View

Hello whenever i show product categories more than 2 in a row it got displayed in the tablet and desktop but in mobile view only 2 categories show in a row 3rd category shows in the next line i wanna display 3 categories per row in mobile kindly help in this regard.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry but there is no option in Theme Settings to make the categories to display 3 in a row on mobile.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.category-grid-item.col-6 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}

And see if this works for you otherwise it requires customizations.

Best Regards

[Author]

Posts