Stinger3 スマホページ読み込み中にカテゴリメニューのアコーディオンが開かないようにする方法

[カテゴリ]デザインのネタ

当サイトではStinger3というWordPressのテーマを使用しています。

多くのサイトで使用されている非常に人気の高いテーマなんですが、以前から微妙に気になる部分がありました。

それは、スマートフォンで表示した時、ページの読み込み中にカテゴリメニューのアコーディオンが開いてしまうことです。

一度くらいなら大して気にならないんですが、ページを移動するたびにアコーディオンが開くので、何ページもみていただく場合はちょっと嫌ですよね。

なので解決方法はないかと検索してみると、Stinger3の開発者であるENJIさんがご自身のサイトで解決方法を書かれていました。

<参考:WordPressテーマのSTINGER3公式サイトより>スマートフォンで読み込み時にメニューのアコーディオンが開かないようにする

スポンサーリンク

Stinger3でスマホページ読み込み時にアコーディオンメニューが開かないようにする方法

WordPressの管理画面の、

外観 >> テーマ編集 >> smart.css

の中にある

.acordion_tree

の中に、

display: none;

と追記するだけでスマホページ読み込み中にアコーディオンメニューが開かないようになります。

.acordion_tree
 {
    display: none;
}

あっさりと解決しました。

こんなことなら早くやっておけばよかったです。

Stinger3を使用されているサイトをいくつかチェックしてみると、既に対応済みの方もいれば、未対応もサイトもありました。

なのでスマホページ読み込み中に開いてしまうアコーディオンメニューが気になっている方は、サクッと解決しちゃいましょう。

スポンサーリンク
  • このエントリーをはてなブックマークに追加

関連コンテンツ

掲載される媒体によって違う、バナーをデザインする時に意識すべきこと

バナーをデザインする時に意識すべきこと

webデザインの仕事をしている方なら、常日頃から多くのバナーを作っていますよね。 僕自身も普段さまざまなジャンルのバナー制作を依頼されてデザインしています。た…

バナーデザインのギャラリーサイト

バナー広告のデザイン制作で参考になるデザインリンク集まとめ厳選3サイト

バナー広告のデザインってほんとに奥が深いですよね。あの小さなサイズの中にデザインのノウハウやマーケティング戦略、ブランド戦略などがギッシリと詰まっているわけで…

webサイトリンク集の決定版!Webデザイン制作の参考サイトを探すならMUUUUU.ORG(ムーオルグ)

おすすめのwebデザインリンク集サイト『MUUUUU.ORG(ムーオルグ)』

webサイトをデザインする際やクライアントとデザインイメージを共有する際に活用することが多い「webデザインリンク集サイト」。「webデザイン リンク集」や「…

パソコンをする女性

なぜWebデザイン制作を依頼する人は、やたらと高級感を求めるのか

仕事でwebデザインを制作する際、依頼いただいたクライアントから希望のデザインイメージについて着手前にヒアリングをするのですが、この時なぜか「高級感を出して」…

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト10選

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト

10月31日のHalloweenに向けて、様々なキャンペーンやイベントの特設サイトがリリースされてきています。そこで、ハロウィーン関係のキャンペーンページや特…

スマートフォンを眺める女性

スマホサイト制作の参考になるデザイン集サイトまとめ

ここ数年の間にスマートフォンが急速に普及したことで、webデザイナーにとってもスマホサイト制作のスキルが必須となってきました。僕自身もスマホサイト制作のご依頼…

初めてスマホサイトをデザイン制作する時の注意点12項目

初めてスマホサイトをデザイン制作する時の注意点12項目

ここ数年、メディアで取り上げられるweb・IT系の話題はスマートフォンに関係するものが多く、パソコンは影の薄い存在になりました。僕は普段仕事で主にPCサイトの…

おっさんのイラスト

“カワイイ”webデザインの多くはおっさんが作っている3つの理由

キャラクターやアイドル、レディースアパレルといったジャンルを中心に、世の中にあふれる“カワイイ”webデザイン。実はその多くがおっさん(中年男性)によって作ら…

上に戻る▲