Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
追従ヘッダーのロゴとメニューを画面幅い...
 
通知
すべてクリア

追従ヘッダーのロゴとメニューを画面幅いっぱいにしたい

3 投稿
3 ユーザー
0 Likes
986 表示
c-mex01
(@c-mex01)
投稿: 9
メンバー
Topic starter
 

お世話になります。

ヘッダーを画面いっぱいに広げる為、以下のcssを書きましたが

追従するヘッダーも同じく画面いっぱいに広げたいのですが、方法教えてほしいです。

/* ヘッダーを固定 */
@media (min-width: 960px) {
.l-header {
background: transparent;

}
.p-breadcrumb {
max-width: 100%!important;align-content

}
}
/* 下層ページのヘッダー幅をトップに合わせる */
.l-header .l-container {
max-width: 100%!important;

}

 

 

 

 

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
SWELLバージョン: 2.7.9
利用中のWordPressバージョン
6.3.1
利用中のプラグイン一覧

Simple Custom Post Order

 
投稿済 : 30/09/2023 1:20 pm
サブロ
(@windorz)
投稿: 144
メンバー
 
.l-container {
max-width: none;
 
これじゃダメでしょうか?
 
投稿済 : 30/09/2023 1:56 pm
Swells
(@swells)
投稿: 3
メンバー
 

下記を追記すればいけると思います。

.l-fixHeader__inner {
max-width:100%;
}
 
投稿済 : 01/10/2023 8:18 pm
共有: