modified header template

This commit is contained in:
jorge 2024-01-26 10:22:21 +01:00
parent cc45de2901
commit 391d999466
1 changed files with 25 additions and 20 deletions

View File

@ -54,7 +54,9 @@
</div><!-- .site-branding --> </div><!-- .site-branding -->
<nav id="site-navigation-main" class="main-navigation"> <nav id="site-navigation-main" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false" style="background-image: url('<?php echo esc_url( wp_get_attachment_url( get_theme_mod( 'custom_logo' ) ) ); ?>');" ><?php esc_html_e( 'Menu XarxaProd', 'xarxaprod' ); ?></button> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
<?php esc_html_e( 'Menu', 'xarxaprod' ); ?>
</button>
<section class="main-navigation-content"> <section class="main-navigation-content">
<?php <?php
wp_nav_menu( wp_nav_menu(
@ -68,27 +70,30 @@
</nav><!--primary #site-navigation --> </nav><!--primary #site-navigation -->
</div> </div>
<div class="secondary"> <div class="secondary">
<nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation"> <?php
<legend class="hide-content">menu</legend> // <nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation">
<input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio"> // <legend class="hide-content">menu</legend>
<label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label> // <input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio"> // <label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label>
<div class="toggled-menu"> // <input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label> // <div class="toggled-menu">
<section class="secondary-navigation-content"> // <label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label>
// <section class="secondary-navigation-content">
;?>
<?php // here content to hide or show ?> <?php // here content to hide or show ?>
<?php <?php
wp_nav_menu( // wp_nav_menu(
array( // array(
'theme_location' => 'menu-2', // 'theme_location' => 'menu-2',
'menu_id' => 'secondary-menu', // 'menu_id' => 'secondary-menu',
) // )
); // );
?> // ?>
</section> <?php
</div><!--toggled-menu--> // </section>
</nav><!--secondary #site-navigation --> // </div><!--toggled-menu-->
// </nav><!--secondary #site-navigation -->
;?>
<?php the_header_image_tag(); // header image to show below menus before title ?> <?php the_header_image_tag(); // header image to show below menus before title ?>
</div><!--secondary--> </div><!--secondary-->