私たちのサイトwww.ftina-pc.gr(prestashopベース)モバイルメニューをロゴに合わせる必要があります。 フロートなどを試しましたが、これを修正する方法が見つかりません。 デスクトップのバージョンはOKです。モバイル版のみに問題があります。 私はそれがどのように見えるべきかについてモックアップを付けました。 誰も助けてくれますか?モバイル版のヘッダーを修正
答えて
両方の要素にdisplay:inline-block;
し、それらを一定の割合width
を与えます。あなたが誰か
cssはhttp://www.ftina-pc.gr/themes/pf_shopping/css/global.css – user3292026
@media (min-width: 700px) {
// something
}
から詳細をしたいというように、あなたは、モバイルとデスクトップに異なるスタイルを行うにしようとしている場合は、あなたのコードを投稿しますか?それは問題かもしれません。 768px)::だから私はいつも@media(最大幅の下で(これをしなかったこれを解決する
です。実際に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}
希望を、これは理にかなって はかかわらず、動作しているようです誰もがコードを見て気にならば。それは素晴らしいことだである!
おかげでみんな
- 1. jQueryのモバイル - 修正ヘッダーやフッター
- 2. モバイル版のウェブサイトの固定ヘッダーとフッター
- 3. Git Merge旧修正版と新修正版
- 4. モバイル版のブートストラップカラム
- 5. タブレット版とiOS版のモバイル版
- 6. ヘッダーを修正するアドオンモバイルブラウザ
- 7. Brainfuckの修正版のTuring-completeness
- 8. モバイル版CSS
- 9. WSO2モバイル版ストア
- 10. レスポンシブウェブサイト(モバイル版)
- 11. CSSレスポンス:モバイル版
- 12. Grails:コントローラのモバイル版
- 13. スクロール後のヘッダーの修正角度4
- 14. jQueryMobileでヘッダーを修正する方法
- 15. モバイル版の「上にスクロール」
- 16. デスクトップ版のブラウザにウェブサイトのモバイル版を表示させる
- 17. SNAPSHOTリリースの修正版を追跡するには?
- 18. モバイル版でNavBarが正しく動作しない
- 19. ブートストラップがモバイル版で正常に動作しない
- 20. モバイル版のdiv(float:left;)を中心に
- 21. モバイル版のSELECTを無効にする
- 22. htmlunitでWebページのモバイル版を読む
- 23. ユーザーをモバイル版のサイトにリダイレクト
- 24. モバイルのパブリックIPアドレスを修正(安定)できますか?
- 25. Rabin Karpアルゴリズムのビット修正版の実現可能性
- 26. AndroidスタジオのFirebase認証(Googleサービスの修正版)
- 27. Jquery。私のサイトのモバイル版の
- 28. クロムのモバイル版のトップバーの色
- 29. Google +1サイトのモバイル版のボタン
- 30. Ruby on Railsのモバイル版の表示
CSSはどのようなものを見ていますか?あなたはすでにやったし、問題を解決しようとしてきたものかの例を教えてください。 – Cameron637
私たちはあなたを助けることができる前に、あなたの質問を編集して追加する必要があります追加の詳細:(1)[MCVE](http://www.stackoverflow.com/help/mcve)、(2)あなたが得ているエラーまたは問題のある出力の詳細な説明、(3)あなたの目標。 [How to Ask](http://www.stackoverflow.com/help/how-to-ask)を参照してください。 – CodeMouse92