如何在 Avada WP 主题中添加自定义 css 响应？答案

【问题标题】：How to add custom css responsive in Avada WP Theme?如何在 Avada WP 主题中添加自定义 css 响应？
【发布时间】：2016-05-02 16:43:07
【问题描述】：

我有一个以 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 主题选项中添加响应式样式？

【问题讨论】：

尝试使用@media all and (min-width: 320px) and (max-width: 640px)
谢谢 Gaurav Aggarwal ！！！正在工作

标签： css wordpress

【解决方案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;
  }
}

【讨论】：