wrap-nav id and wrap-nav class for all menus

This commit is contained in:
Alexander Agnarson 2020-08-24 13:02:09 +02:00
parent 90f98f8744
commit d5c207c7b0
4 changed files with 13 additions and 17 deletions

View file

@ -51,7 +51,7 @@
<div class="container" id="footer-bottom">
<?php if ( has_nav_menu('footer') ): ?>
<div id="wrap-nav-footer" class="container-inner">
<div id="wrap-nav-footer" class="wrap-nav container-inner">
<?php \AlxMedia\Nav::nav_menu(array('theme_location'=>'footer','menu_id' => 'nav-footer','fallback_cb'=> false)); ?>
</div>
<?php endif; ?>

View file

@ -21,7 +21,7 @@
<header id="header">
<?php if ( has_nav_menu('mobile') ): ?>
<div id="wrap-nav-mobile">
<div id="wrap-nav-mobile" class="wrap-nav">
<?php \AlxMedia\Nav::nav_menu(array('theme_location'=>'mobile','menu_id' => 'nav-mobile','fallback_cb'=> false)); ?>
<?php if ( get_theme_mod( 'header-search', 'on' ) == 'on' ): ?>
@ -41,7 +41,7 @@
<?php endif; ?>
<?php if ( has_nav_menu('topbar') ): ?>
<div id="wrap-nav-topbar">
<div id="wrap-nav-topbar" class="wrap-nav">
<?php \AlxMedia\Nav::nav_menu(array('theme_location'=>'topbar','menu_id' => 'nav-topbar','fallback_cb'=> false)); ?>
<?php if ( get_theme_mod( 'topbar-search', 'on' ) == 'on' ): ?>
@ -79,14 +79,6 @@
</div>
<?php endif; ?>
<?php if ( has_nav_menu('header') ): ?>
<nav class="nav-container group" id="nav-header">
<div class="nav-toggle"><i class="fas fa-bars"></i></div>
<div class="nav-text"><!-- put your mobile menu text here --></div>
<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
</nav><!--/#nav-header-->
<?php endif; ?>
</div><!--/.container-->
</header><!--/#header-->

View file

@ -2,7 +2,6 @@
Contributors: alxmedia
Requires at least: 5.0
Tested up to: 5.5
Version: 1.1.9
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background
@ -78,6 +77,9 @@ Sidebar images
== Changelog ==
= 1.2.0 - 2020-08-24 =
* Fixed markup of header and footer menus
= 1.1.9 - 2020-08-19 =
* Improved a11y
* Added new menu

View file

@ -1,7 +1,7 @@
/*
Theme Name: Blogside
Theme URI: http://alx.media/themes/blogside/
Version: 1.1.9
Version: 1.2.0
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.5
@ -566,14 +566,16 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* menu hide and display */
@media only screen and (min-width: 720px) {
.mobile-menu #nav-mobile-nav { display: none; }
.mobile-menu #wrap-nav-mobile { display: none; }
}
@media only screen and (max-width: 719px) {
.mobile-menu #nav-topbar-nav { display: none; }
.mobile-menu #wrap-nav-topbar { display: none; }
#nav-mobile,
#nav-topbar { display: none; }
#nav-topbar,
#nav-footer { display: none; }
.mobile #nav-mobile,
.mobile #nav-topbar { display: block; }
.mobile #nav-topbar,
.mobile #nav-footer { display: block; }
}
@media only screen and (min-width: 1025px) {
/* fixed nav */