Return to previous page

Two column product categories grid on mobile

This topic has 3 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Kstb1979

Kstb1979

Participant

October 2, 2022 at 15:03

hello team,

I am trying to get 2 column product categories grid view on home page but it shows single column on mobile view. How to get two column product categories grid view on mobile. Please help.

#335610 Copied Theme version: 8.3.2 WooCommerce version: 6.9.2

2 Answers

Tony Rodriguez

Support staff

October 3, 2022 at 06:53

Hello, @Kstb1979,

Actually, in the widget, there are no settings like this so you have to make it work using custom CSS code. You can add the custom CSS code in the Theme options >> Theme custom CSS >> Global CSS. Below is the CSS code.

@media(max-width:991px){.elementor-element .category-grid{width:50% !important;}}

Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/9431phT6

Regards 8Themes Team.

#335633 Copied

Kstb1979

Participant

October 3, 2022 at 13:34

great help tony. Thanks for your support.

#335676 Copied
Tagged: grid, mobile, product categories, template, two columns, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Two column product categories grid on mobile’' has been successfully resolved, and the topic is now closed for further responses

Two column product categories grid on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection