在WordPress中,使用AVADA主题,配置为四列的网站在移动的设备上默认为单列布局。相反,配置为六列的网站在移动的上会导致两列布局。目标是保持四列配置,同时在移动的设备上实现两列显示。产品展示必须是4列桌面和2列移动的。订单由woocommerce管理
57hvy0tb1#
你可以通过使用CSS媒体查询,
@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% } }
字符串请将这个类替换为您用于“your-column-cls”列的确切类。
1条答案
按热度按时间57hvy0tb1#
你可以通过使用CSS媒体查询,
字符串
请将这个类替换为您用于“your-column-cls”列的确切类。