Fix mobile nav menu in AMP Standard by using nav_menu_toggle (#1992)

This commit is contained in:
Daniel Bachhuber 2022-06-28 04:03:17 -07:00 committed by GitHub
parent 143f4a570e
commit 32bb2c33ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 1 deletions

View file

@ -235,6 +235,18 @@ if ( ! class_exists( 'Storefront' ) ) :
* Add support for responsive embedded content.
*/
add_theme_support( 'responsive-embeds' );
add_theme_support(
'amp',
array(
'nav_menu_toggle' => array(
'nav_container_id' => 'site-navigation',
'nav_container_toggle_class' => 'toggled',
'menu_button_id' => 'site-navigation-menu-toggle',
'menu_button_toggle_class' => 'toggled',
),
)
);
}
/**

View file

@ -239,7 +239,7 @@ if ( ! function_exists( 'storefront_primary_navigation' ) ) {
function storefront_primary_navigation() {
?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Navigation', 'storefront' ); ?>">
<button class="menu-toggle" aria-controls="site-navigation" aria-expanded="false"><span><?php echo esc_html( apply_filters( 'storefront_menu_toggle_text', __( 'Menu', 'storefront' ) ) ); ?></span></button>
<button id="site-navigation-menu-toggle" class="menu-toggle" aria-controls="site-navigation" aria-expanded="false"><span><?php echo esc_html( apply_filters( 'storefront_menu_toggle_text', __( 'Menu', 'storefront' ) ) ); ?></span></button>
<?php
wp_nav_menu(
array(