Free!なランサー3

ふとした疑問やコアなお役立ち情報をお届けする情報サイト

メニューバーの位置を変更する方法

   

Gush2はメニューバーがタイトルの上に表示されているのでタイトルの下に移動させたいと思います。

スポンサーリンク

メニューバー部分を移動させる

方法は至ってシンプルです。

テーマ編集のヘッダーを開きます。

↑この部分がメニューバーの部分です。

↑</header>の上にメニューバーの部分を移動させると完成です。

メニューバー位置変更

タイトルの隙間を調整する

IMG_1665

スマホで表示した際に、タイトル上に隙間が発生してしまうので埋めます。

スタイルシートのヘッダ見出し↓

margin: 24pxをmargin: 0pxに変更

IMG_1666

↑隙間がなくなったら完成です。

 - Gushカスタマイズ , , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

wp ロゴ カスタマイズ
メニューバーの位置を少しだけ移動させる

見ての通り、当ブログはメニューバーの位置を少しだけずらしています。 Gushのメ …

7
背景画像の前にもう一枚背景を追加する方法

どういう事?って感じですがタイトルのまんまです。 前回紹介した記事↓ ヘッダーの …

wp ロゴ カスタマイズ
当ブログ「Gush」カスタマイズ記事が紹介されました。

スポンサーリンク 紹介してくださったブログ 100万円を1億にするブログさんで当 …

wp ロゴ カスタマイズ
wordpress無料テーマ「Gush」のカスタマイズ【補足】

このブログはElloraさんの作った 無料テーマ「Gush」を使用しています。 …

error
テーマのデザインをカスタマイズ中にエラーでログイン出来なくなった時の対処法方

私はWPテーマGushを使っています。 カスタマイズの際、phpをいじっていざ更 …

追跡
サイドメニューに追尾型広告、Standard Widget Extensionsを設定する方法

追尾型広告の効果は絶大です。しかしどのプラグインがいいのかわからない人は管理人も …

44
ヘッダーの背景画像を消す方法と他色々

なんやかんやでGushからGush2にテーマを変更することにしました。 やるから …

ヘッダー 広告
ヘッダーに新しくウィジェットを追加して728×90のAdSense広告を設定する方法

ヘッダーに新しくウィジェットを追加したいと思います。 コピペでできますが今回は7 …