Return to previous page

Make 3 colums per row on shop and category page mobile view

This topic has 4 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

Anas

Participant

November 15, 2022 at 07:12

Hi, i need to show 3 products instead of 2 on all category and shop pages on mobile view

is the below code ok?

@media only screen and (max-width: 480px)
.products-grid .product {
width: 33%;

Please, contact administrator
for this information.

#338607 Copied Theme version: 8.3.5 WooCommerce version: 7.0.0

3 Answers

Rose Tyler

Support staff

November 15, 2022 at 07:51

Hello,

As we see, you added the code and it works.
Is there anything else we can help you with?

Regards

#338609 Copied

Anas

Participant

November 15, 2022 at 07:51

nope, thanks alot!

#338610 Copied

Rose Tyler

Support staff

November 15, 2022 at 07:54

You’re welcome!

Regards

#338611 Copied
Tagged: category, columns, mobile, shop, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.