モバイル版カタログページ下部に固定メニュー追加

 先日 WooCommerceとYITH WooCommerce Catalog Modeを使って作成したカタログページのモバイルでの見え方を確認したところ、一番下にログインやカートボタンが表示されていました。カタログサイトとして設定しておりPCで見た場合にはありませんが、モバイル表示では何かが悪さをして見えてしまっているようです。

before-undermenu-delete

 追加CSSに次のコードを追記。

 これで見えなくなりました。

after-undermenu-delete

 少し欲が出て下に固定メニューを追加してみようと Fixed Bottom Menuというプラグインを追加。

add-fixed-menu

 実は日常でスマホのブラウザを使うことがほとんど無いことから、スマホでの使い勝手はどうすれば適切なのかということがよくわかっていません。

コメントを残す

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

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