jdormit/jeremy-wordpress-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[HACK] Don't hide the nav menu on mobile

Browse Source
This commit is contained in:
Jeremy Dormitzer 2019-05-19 11:16:50 -04:00
parent 5337343dcf
commit 793788f869
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
header.php
View File

@ -26,11 +26,11 @@
<header id="masthead" class="site-header"> <header id="masthead" class="site-header">
<nav id="site-navigation" class="main-navigation"> <nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <!-- <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
<img class="icon" <img class="icon"
src="<?php echo get_template_directory_uri() . '/icons/menu.svg'?>" src="<?php echo get_template_directory_uri() . '/icons/menu.svg'?>"
alt="menu"> alt="menu">
</button> </button> -->
<?php <?php
wp_nav_menu( array( wp_nav_menu( array(
'theme_location' => 'menu-1', 'theme_location' => 'menu-1',

16
style.css
View File

@ -722,7 +722,7 @@ a:hover, a:active {
} }
.main-navigation ul { .main-navigation ul {
display: none; // display: none;
list-style: none; list-style: none;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
@ -767,20 +767,20 @@ a:hover, a:active {
text-decoration: none; text-decoration: none;
} }
/* Small menu. */ // /* Small menu. */
.menu-toggle, // .menu-toggle,
.main-navigation.toggled ul { // .main-navigation.toggled ul {
display: block; // display: block;
} // }
@media screen and (min-width: 37.5em) { // @media screen and (min-width: 37.5em) {
.menu-toggle { .menu-toggle {
display: none; display: none;
} }
.main-navigation ul { .main-navigation ul {
display: block; display: block;
} }
} // }
.site-main .comment-navigation, .site-main .site-main .comment-navigation, .site-main
.posts-navigation, .site-main .posts-navigation, .site-main