php - 添加 CSS Avada 响应式移动设备

Question

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

<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;
}
}