如何在Avada WP Theme中添加自定義CSS響應？

Question

我有一個以avada wprdpress為主題的網站。 我在主題選項的“自定義CSS”中添加了自定義CSS。 此功能適用於台式機，但不適用於移動分辨率。

例：

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px){
    .fusion-alignleft{
        max-width: 80%;
        float:left;
    }
    .fusion-alignright{
        max-width: 20%;
        float:right;
    }
    .fusion-contact-info {
        padding: 1em 0px;
        line-height: 1.5em;
    }
    .fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright{
        text-align: right;
    }
}

如何在Avada Wordpress主題選項中添加響應式樣式？

Answer 1

在CSS媒體中，設備寬度和寬度分辨率之間存在差異。 您可以在此處了解更多信息： http : //www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

就是說，試試這個...

@media all and (min-width: 320px) and (max-width: 640px) {
.fusion-alignleft {
    max-width: 80%;
    float:left;
}
.fusion-alignright {
    max-width: 20%;
    float:right;
}
.fusion-contact-info {
    padding: 1em 0px;
    line-height: 1.5em;
}
.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright {
    text-align: right;
  }
}