-
投稿者投稿
-
2022年12月23日 1:56 PM #115626
【お使いの Snow Monkey のバージョン】バージョン: 18.2.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 17.2.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】https://ufpress.jp/### 実現したいこと
添付画像にあります、ヘッダーのロゴとハンバーガーメニューの位置(ヘッダーの幅)を
コンテンツ幅と揃えたい### 発生している問題
ヘッダー左右にに間が空いていて、コンテンツ幅とそろっていない。### 試したこと
.l-simple-header{
padding-left:0px!important;
padding-right:0px!important;
}
で効きませんでした。お世話になっております、ヘッダーのロゴとハンバーガーメニューの位置を
コンテンツ幅と揃えたいのですが、やり方が分からず困っております。方法がありましたらご教示いただけますと幸いです。
お忙しいところ恐縮ですがどうぞよろしくお願いいたします。
♥ 0いいねをした人: 居ません2022年12月24日 1:08 AM #115639ソースコードを拝見すると・・・
トップページのテンプレートが「ランディングページ(ヘッダー・フッターあり)」になっています。
それで全幅になってしまうコンテンツ幅を調整するため、【追加CSS】で.top-box { width: 74rem!important; }
を指定していると思いますが、コンテンツ幅は1024pxに設定されているので、ズレが生じていると思います。
通常は何もせずに揃いますが、意図的にランディングページにしているなら、理由も提示いただいたほうが良い解決策が出てくるかと思います。もしかしたら、スマホ表示にコンテンツ部分(白背景)を全幅にしたいから?と推測しましたが、それならほかの方法で対策できるように思います。
2022年12月24日 1:28 PM #115650 -
投稿者投稿
- トピック「ヘッダーの幅をコンテンツ幅と揃えたい」には新しい返信をつけることはできません。