メインフル解像度が1024pxを超えるカスタムCSS

Question

現在、問題が発生しています。私はワードプレスでテーマを使用しています。カスタムCSSを使用してヘッダーロゴの位置を変更しました。

モバイル版では、ヘッダーイメージが表示されず、モバイルメニューの下にロゴが移動する問題があります。ここで

は、私は現在、通常の表示サイズを持っているものです。

.header-middle .col-sm-3 { 
    position: absolute; 
    width: 100%; 
} 
.header-middle .col-sm-9 { 
    width: 100%; 
} 
.header-middle .header-logo{ 
    position:absolute; 
    text-align: justify; 
    width:300px; /* you can use % */ 
    height: auto; 
} 

ので、それは再び通常表示したときにモバイル版キック低解像度のサイズの中に、私が仕事ではないにそれをしたいと思います。

xeronohosting.com（一時リンク）も正常表示に見えますが、カスタムCSSを適用してモバイル版で表示するとヘッダーの背景が消えます。だから私はカスタムCSSを適用する前に表示されるように携帯電話上で一度同じ位置にヘッダーの背景とロゴを残しておきたいのですが、モバイルメニューはそれらの2つのセクションの下に表示されます。

私はいくつかのソリューションとどんな助けでも大いに感謝されるように働くようです。

Answer 1

は、おそらくこれが役立ちます（実際のHTMLに応じて）：

（100％）で、またはその親の幅の下にそれを保持し、それが300ピクセルより広くなっていないために制限

.header-middle .header-logo{ 
    position:absolute; 
    text-align: justify; 
    width: 100%; 
    max-width:300px; 
    height: auto; 
} 

。