質問:

Elementorで作成したサイトをモバイルで表示した時に出るハンバーガーメニューの枠線を消したいのですが、どのようにしたら消えますか?

Elementor pro + helloにてサイトを作成しています。

ヘッダーにNavi Menu ウィジェットを使用してハンバーガーメニューを表示させているのですが、スマホでハンバーガーメニューをタップすると青い枠線が表示されてしまいます。

こちらを消すにはどうしたらいいですか?

回答:

こちらはCSSで対処します。

ですがタッチデバイスの使い勝手上、これを消すことは推奨されるものではないので注意してください。

 

:focus, 

:hover {

  outline:0;

  border:0;

}

 

こちらのコードの : の前に消したいHTML要素のセレクタを追加すれば、消えると思います。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

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

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通