Avada WPテーマに対応したカスタムCSSを追加するには？

Question

私はavada wprdpressテーマのウェブサイトを持っています。私はテーマのオプションから "カスタムCSS"にカスタムCSSを追加しました。これは、デスクトップでうまく動作しますが、モバイル解像度では機能しませんでした。

例：avadaワードプレスのテーマオプションに対応したスタイルを追加する方法

/* 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; 
    } 
} 

？

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