- 2021年7月28日
- カテゴリ: Elementorの質問
質問:
Elementorで作成したサイトをモバイルで表示した時に出るハンバーガーメニューの枠線を消したいのですが、どのようにしたら消えますか?
Elementor pro + helloにてサイトを作成しています。
ヘッダーにNavi Menu ウィジェットを使用してハンバーガーメニューを表示させているのですが、スマホでハンバーガーメニューをタップすると青い枠線が表示されてしまいます。
こちらを消すにはどうしたらいいですか?
回答:
こちらはCSSで対処します。
ですがタッチデバイスの使い勝手上、これを消すことは推奨されるものではないので注意してください。
:focus,
:hover {
outline:0;
border:0;
}
こちらのコードの : の前に消したいHTML要素のセレクタを追加すれば、消えると思います。
TOFUラボに入れば更に多くの質問と回答のログが見れます!
関連した質問
Elementorで1つのアーカイブ内に複数のカスタム投稿を表示したい
2023年8月3日
コメントはまだありません
WordPressのログイン画面の編集はできるのでしょうか?
2023年8月3日
コメントはまだありません
Elementorのレシポンシブ対応時のモバイル画像の大きさが上手く設定できません
2023年8月3日
コメントはまだありません
Elementorのコンテナの間に自動で隙間が出来てしまうので、それを埋める方法が知りたい
2023年8月3日
コメントはまだありません
Elementorでサイト全体に適用したいCSSはどこに記述するのが良いでしょうか?
2023年8月3日
コメントはまだありません
Elementorの画像カルーセルの各画像それぞれにリンクを付けたい
2023年8月3日
コメントはまだありません