我在我的网站上使用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="">
答案 0 :(得分:0)
尝试添加此代码:
@media only screen and (max-width: 800px) {
.fusion-body .fusion-layout-column.fusion_builder_column_1_5 {
width: 32% !important;
}
}