CSS Avadaレスポンシブモバイルを追加

Question

私はAvadaを自分のウェブサイトに使用しています。私はレスポンシブワークを1ページで変更したいと思います。 https://couleurbeton.fr/nuancier-ad-lucem/ モバイルディスプレイ（小さな画面）では、1行につき1つの画像（1度に1つずつ）しか表示されません。それを表示するには90色があり、スクロールするにはかなりの量が必要です。私はこのように1行につき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; 
} 
}