なんかさ、WordPressテーマSnow monkeyでもう3サイトは制作しているんだけど、
ロゴから右横のメニューバーへの全域にホームへのリンクが掛かっちゃうんだよね。
これがさ、スマホサイトで見たらたまにハンバーガーメニューじゃなくて、ロゴがおささってしまうわけよ。
つまり、ロゴ横のメニューバーまで全域に渡りリンクが効いてしまうのが悩みね。
これをロゴだけにリンクさせたい!ってのが今回の目的。
それを解決するためのコード、ChatGPT4Vと対話してできあがりました!
下記のCSSを追加コードにコピペするだけね。
PCサイトへのCSS適用
.custom-logo-link {
display: block;
width: 320px; /* Fix */
height: auto;
text-align: center;
}
/* Fix */ ってのはサイトのロゴによって横幅が変わってくるから自由に調整してねって意味ね。
SPサイトへのCSS適用
@media (max-width: 768px) {
.custom-logo-link {
display: block;
width: 50%;
height: 64px; /* Fix */
text-align: center;
}
}
以上、コピペすれば問題解決できているかと。
非常にニッチな部分だけど俺が困ったということは誰かも困っているかなと思って。
俺はこういう困って解決できたことをノートにメモっているんだよね _φ(・_・メモメモ
その中でも特にみんなが困りそうなことをこのブログに書くと!
俺が死んだとしても、誰かの役に立つからさ。
人はこの世に何か1カケラを置いていくために生まれてきた
昨日マンガ喫茶の快活クラブでカラオケしつつマンガ読んでたんだけど、創生のタイガってマンガの最終回にこんなメッセージが。
「この世に生まれた意味?それは人はこの世に何か1カケラを置いていくために生まれてきたんだ」
みたいなこと言ってたんだよ。
それ見て鳥肌が立ちまくって感動して泣きそうになっちまったよ。
当たり前のことと言えば当たり前なんだけど、言語化できてクリアになったというかさ。
だから、俺もこんなしょーもない雑記ブログでこういしヒトカケラを置いていって、次世代のWebデザイナーやWebプログラマーの役に立つコードをこうして記載しているわけだ。
これからもみんながサイト制作で困りそうなことやそれを解決するコードを綴っておくね。
それが俺の生きた証のヒトカケラにもなりそうだからさ。
ってことー!
by YouTuber ヘライザー風
コメント