Question

我在我的网站上使用Avada，我想改变响应在单个页面上的工作方式。我在彩色图表中使用了大量图像：https://couleurbeton.fr/nuancier-ad-lucem/ 在移动显示器（小屏幕）上，每行只显示1个图像（一次一个）。有90种颜色可供显示，滚动相当多。我希望每行3-5个像这样：http://www.adlucem-matieres.com/beton-cire/couleurs/notre-palette/（必须在小显示屏上观看）这可能与这样的课程有关，但我根本不是专家。任何建议表示赞赏。提前谢谢。

<div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth">
<div  class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2  fusion-one-half fusion-column-first 1_2"  style='margin-top:0px;margin-bottom:0px;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;'
<div class="fusion-column-wrapper" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;"  data-bg-url="">
<div class="fusion-builder-row fusion-builder-row-inner fusion-row ">
<div  class="fusion-layout-column fusion_builder_column fusion_builder_column_1_5  fusion-one-fifth fusion-column-first fusion-one-fifth fusion-column-first 1_5"  style='margin-top: 0px;margin-bottom: 0px;width:20%;width:calc(20% - ( ( 4% + 4% + 4% + 4% ) * 0.2 ) );margin-right:4%;'>
<div class="fusion-column-wrapper" style="background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;"  data-bg-url="">

Answer 1

尝试添加此代码：

@media only screen and (max-width: 800px) {    
.fusion-body .fusion-layout-column.fusion_builder_column_1_5 {
     width: 32% !important;
}
}

添加CSS Avada响应式移动设备

1 个答案: