モバイル版のヘッダーを修正

-2

私たちのサイトwww.ftina-pc.gr（prestashopベース）モバイルメニューをロゴに合わせる必要があります。フロートなどを試しましたが、これを修正する方法が見つかりません。デスクトップのバージョンはOKです。モバイル版のみに問題があります。私はそれがどのように見えるべきかについてモックアップを付けました。誰も助けてくれますか？モバイル版のヘッダーを修正

種類よろしく

出典

2016-05-02 user3292026

CSSはどのようなものを見ていますか？あなたはすでにやったし、問題を解決しようとしてきたものかの例を教えてください。 – Cameron637

私たちはあなたを助けることができる前に、あなたの質問を編集して追加する必要があります追加の詳細：（1）[MCVE]（http://www.stackoverflow.com/help/mcve）、（2）あなたが得ているエラーまたは問題のある出力の詳細な説明、（3）あなたの目標。 [How to Ask]（http://www.stackoverflow.com/help/how-to-ask）を参照してください。 – CodeMouse92

両方の要素にdisplay:inline-block;し、それらを一定の割合widthを与えます。あなたが誰か

出典

2016-05-02 20:08:17 Tom

cssはhttp://www.ftina-pc.gr/themes/pf_shopping/css/global.css – user3292026

@media (min-width: 700px) { 
    // something 
}

から詳細をしたいというように、あなたは、モバイルとデスクトップに異なるスタイルを行うにしようとしている場合は、あなたのコードを投稿しますか？それは問題かもしれません。 768px）：：だから私はいつも@media（最大幅の下で（これをしなかったこれを解決する

出典

2016-05-02 20:22:59 Laltzi

です。実際にline-height：22pxを継承しています。 PCの中身から、携帯に別の価値があるのでしょうか？ – Laltzi

はい@media（max-width：767px）を使っています。 atm私は、コード位置を使用してロゴ画像を移動することができました。 z-インデックス：98; text-align：left; display：インラインブロック;モバイルメニューを一番上に移動する方法が見つかりません – user3292026

。

#logo-theme.logo-theme {width:80%;} 
.pts-megamenu .navbar .navbar-header .navbar-toggle { 
    margin-top: -60px !important; 
    z-index: 99; 
} 
.pts-megamenu .navbar{min-height: 0px !important}

希望を、これは理にかなってはかかわらず、動作しているようです誰もがコードを見て気にならば。それは素晴らしいことだである！

おかげでみんな

出典

2016-05-02 22:02:41 user3292026

モバイル版のヘッダーを修正

答えて

関連する問題