wordpress 如何在Avada WP主题中添加自定义CSS响应？

dtcbnfnu 于 11个月前发布在 WordPress

关注(0)|答案(1)|浏览(172)

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

wordpress

来源：https://stackoverflow.com/questions/36987407/how-to-add-custom-css-responsive-in-avada-wp-theme

1条答案

按热度按时间

avwztpqn1#

在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;
  }
}

字符串

赞(0）回复(0）举报 11个月前

我来回答

wordpress 如何在Avada WP主题中添加自定义CSS响应？

1条答案

相关问题

热门标签

最新问答