Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490
JQueryのプラグインslicknavを利用します。
PCのときはタブレット用のメニューを隠し、タブレットとスマートフォンのときに表示させるようにdisplay:noneとします。
反対にタブレットのCSSではPC用のメニューを隠すようにしています。
/* 全デバイス共通 */
.slicknav_menu {
display:none;
}
/* タブレット */
@media screen and (max-width:768px) and (min-width:481px) {
.slicknav_menu {
display:block;
position:fixed;
top:0;
right:0;
background: none;
z-index:1000;
}
#menu {
display: none;
}
/* スマートフォン */
@media screen and (max-width:480px) {
.slicknav_menu {
display:block;
position:absolute;
top:0;
right:0;
background: none;
z-index:1000000;
}
#menu {
display: none;
}
