添加CSS Avada自適應移動設備

Question

我正在網站上使用Avada，我想更改單個頁面上響應式的工作方式。 我在色表中使用了大量圖像： https : //couleurbeton.fr/nuancier-ad-lucem/在移動顯示（小屏幕）上，每行僅顯示1張圖像（一次顯示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;
}
}