Ecommerce Shopify WordPress Discussion

Optimizing Mobile Layout in AVADA: Maintaining 4 Columns on Desktop and Displaying 2 Columns on Mobile Devices

In WordPress, using the AVADA theme, a site configured with four columns defaults to a single-column layout on mobile devices. Conversely, configuring the site with six columns results in a two-column layout on mobile. The objective is to maintain a four-column configuration while achieving a two-column display on mobile devices. the product display must be 4 columns desktop and 2 columns mobile. orders are managed by woocommerce
You can do that by using CSS media query, @media only screen and (min-width: 768px) { .your-column-cls { width: 25%; } } /* Two columns on smaller screens (mobile) */ @media only screen and (max-width: 767px) { .your-column-cls { width: 48% } } Please replace this class with your exact class which your using for the column "your-column-cls".

December 30, 2023

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) • Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) • Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.