xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled mobile menu with input and css

This commit is contained in:
jorge 2022-12-02 19:17:19 +01:00
parent cba8d81a46
commit f810d617e5
4 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
header.php
View File

@ -63,10 +63,10 @@
<nav id="site-navigation-secondary" class="site-navigation secondary-navigation toogle-secondary-navigation"> <nav id="site-navigation-secondary" class="site-navigation secondary-navigation toogle-secondary-navigation">
<legend class="hide-content">menu</legend> <legend class="hide-content">menu</legend>
<input id="hide-menu-mobile" class="hide-not-mobile toogle" name="toogle" type="radio"> <input id="hide-menu-mobile" class="hide-not-mobile toogle" name="toogle" type="radio">
<label for="show-menu-mobile" class="toogle-show"><span class="hide-content">open</span></label> <label for="show-menu-mobile" class="hide-not-mobile toogle-show"><span class="hide-content">open</span></label>
<input id="show-menu-mobile" class="hide-not-mobile toogle" name="toogle" type="radio"> <input id="show-menu-mobile" class="hide-not-mobile toogle" name="toogle" type="radio">
<div class="toogled-menu"> <div class="toogled-menu">
<label for="hide-menu-mobile" class="toogle-hide"><span class="hide-content">close</span></label> <label for="hide-menu-mobile" class="hide-not-mobile toogle-hide"><span class="hide-content">close</span></label>
<?php // here content to hide or show ?> <?php // here content to hide or show ?>
<?php <?php
wp_nav_menu( wp_nav_menu(

15
sass/components/navigation/_navigation.scss
View File

@ -96,6 +96,9 @@
text-transform: uppercase; text-transform: uppercase;
} }
} }
/* begin of menu-hidden */ /* begin of menu-hidden */
.toogle-secondary-navigation .show-mobile{ .toogle-secondary-navigation .show-mobile{
display:inherit; display:inherit;
@ -196,6 +199,18 @@
} }
.secondary-navigation { .secondary-navigation {
} }
/*
* css menu toogler
* */
.toogle-secondary-navigation .show-mobile,
.toogle-secondary-navigation .hide-not-mobile{
display: none;
}
.toogled-menu {
display: inherit;
}
/* end css menu toogler
* */
} }
.comment-navigation, .comment-navigation,

12
style.css
View File

@ -946,6 +946,18 @@ textarea {
margin-top: 0.9em; margin-top: 0.9em;
border-bottom: 2px solid #000; border-bottom: 2px solid #000;
} }
/*
* css menu toogler
* */
.toogle-secondary-navigation .show-mobile,
.toogle-secondary-navigation .hide-not-mobile {
display: none;
}
.toogled-menu {
display: inherit;
}
/* end css menu toogler
* */
} }
.site-main .comment-navigation, .site-main .site-main .comment-navigation, .site-main

2
style.css.map
View File

File diff suppressed because one or more lines are too long