Advertisement
michaellevelup

Mobile menu icon

Mar 17th, 2022
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.50 KB | None | 0 0
  1. add_action('kadence_mobile_header', 'change_mobile_button');
  2.  
  3. function change_mobile_button() {
  4.     remove_action( 'kadence_navigation_popup_toggle', 'Kadence\navigation_popup_toggle' );
  5.     add_action( 'kadence_navigation_popup_toggle', 'custom_navigation_popup_toggle' );
  6. }
  7.  
  8. function custom_navigation_popup_toggle() {
  9.     add_action( 'wp_footer', 'Kadence\navigation_popup' );
  10.     ?>
  11.     <div class="mobile-toggle-open-container">
  12.         <?php Kadence\kadence()->customizer_quick_link(); ?>
  13.         <?php
  14.         if ( Kadence\kadence()->is_amp() ) {
  15.             ?>
  16.             <amp-state id="siteNavigationMenu">
  17.                 <script type="application/json">
  18.                     {
  19.                         "expanded": false
  20.                     }
  21.                 </script>
  22.             </amp-state>
  23.             <?php
  24.         }
  25.         ?>
  26.         <button id="mobile-toggle" class="menu-toggle-open drawer-toggle menu-toggle-style-<?php echo esc_attr( Kadence\kadence()->option( 'mobile_trigger_style' ) ); ?>" aria-label="<?php esc_attr_e( 'Open menu', 'kadence' ); ?>" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-<?php echo esc_attr( 'sidepanel' === Kadence\kadence()->option( 'header_popup_layout' ) ? Kadence\kadence()->option( 'header_popup_side' ) : 'full' ); ?>" aria-expanded="false" data-set-focus=".menu-toggle-close"
  27.             <?php
  28.             if ( Kadence\kadence()->is_amp() ) {
  29.                 ?>
  30.                 [class]=" siteNavigationMenu.expanded ? 'menu-toggle-open drawer-toggle menu-toggle-style-<?php echo esc_attr( Kadence\kadence()->option( 'mobile_trigger_style' ) ); ?> active' : 'menu-toggle-open drawer-toggle menu-toggle-style-<?php echo esc_attr( Kadence\kadence()->option( 'mobile_trigger_style' ) ); ?>' "
  31.                 on="tap:AMP.setState( { siteNavigationMenu: { expanded: ! siteNavigationMenu.expanded } } )"
  32.                 [aria-expanded]="siteNavigationMenu.expanded ? 'true' : 'false'"
  33.                 <?php
  34.             }
  35.             ?>
  36.         >
  37.             <?php
  38.             $label = Kadence\kadence()->option( 'mobile_trigger_label' );
  39.             if ( ! empty( $label ) || is_customize_preview() ) {
  40.                 ?>
  41.                 <span class="menu-toggle-label"><?php echo esc_html( $label ); ?></span>
  42.                 <?php
  43.             }
  44.             ?>
  45.             <span class="menu-toggle-icon">
  46.                 !ENTER CUSTOM HAMBURGER ICON HERE!
  47.             </span>
  48.         </button>
  49.     </div>
  50.     <?php
  51. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement