modified the menus for mobile, medium and large screens

This commit is contained in:
jorge 2021-06-21 12:59:20 +02:00
parent a53c7d8510
commit 91f7132cbb
2 changed files with 5 additions and 7 deletions

View File

@ -21,15 +21,13 @@
<?php get_template_part( 'template-parts/mobile-off-canvas' ); ?> <?php get_template_part( 'template-parts/mobile-off-canvas' ); ?>
<header class="site-header-container"> <header class="site-header-container">
<content class="site-header-grid grid-x align-justify align-middle" role="banner"> <content class="site-header-grid grid-x align-justify align-middle" role="banner">
<button aria-label="<?php _e( 'Main Menu', 'foundationpress' ); ?>" class="show-for-small-only menu-icon" type="button" data-toggle="<?php foundationpress_mobile_menu_id(); ?>"></button> <div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-12 large-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
<div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
<div class="site-name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></div> <div class="site-name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></div>
<div class="site-description"><h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2></div> <div class="site-description"><h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2></div>
<!--nav class="site-top-widgets"--><?php //dynamic_sidebar( 'header-widgets' ); ?><!--/nav--> <nav class="site-center-top-nav small-12 medium-6 grid-x align-center">
<nav class="site-center-top-nav medium-6 grid-x align-center">
<?php foundationpress_top_bar_c(); ?> <?php foundationpress_top_bar_c(); ?>
</nav> </nav>
<nav class="site-top-nav menu"><?php foundationpress_top_bar_r(); ?></nav> <nav class="site-top-nav menu small-12 medium-6 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
</content> </content>
<aside class="bfr_category_tags"> <aside class="bfr_category_tags">

View File

@ -25,7 +25,7 @@ if ( ! function_exists( 'foundationpress_top_bar_c' ) ) {
wp_nav_menu( wp_nav_menu(
array( array(
'container' => false, 'container' => false,
'menu_class' => 'center dropdown menu menu desktop-menu', 'menu_class' => 'center dropdown menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" data-dropdown-menu>%3$s</ul>', 'items_wrap' => '<ul id="%1$s" class="%2$s" data-dropdown-menu>%3$s</ul>',
'theme_location' => 'top-bar-c', 'theme_location' => 'top-bar-c',
'depth' => 3, 'depth' => 3,
@ -46,7 +46,7 @@ if ( ! function_exists( 'foundationpress_top_bar_r' ) ) {
wp_nav_menu( wp_nav_menu(
array( array(
'container' => false, 'container' => false,
'menu_class' => 'dropdown menu desktop-menu', 'menu_class' => 'dropdown menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" data-dropdown-menu>%3$s</ul>', 'items_wrap' => '<ul id="%1$s" class="%2$s" data-dropdown-menu>%3$s</ul>',
'theme_location' => 'top-bar-r', 'theme_location' => 'top-bar-r',
'depth' => 3, 'depth' => 3,