After I Updated to 1.63, Hamburger Menu Gone on Mobile

I’ve read the following threads and tried all the solutions, but nothing works:







The weird thing is, when I view it in a desktop browser, and use Web Developer/responsive view, it shows up. When I look at it on an actual device, it doesn’t show - just a blank square where the symbol should be.

The site is here:

I am using a child theme and I have updated the header and footer files, and the stylesheet, with any new code. I’ve tried temporarily using the Sydney theme instead of the child and it works.

I’m not sure what else to try and this is the only thing I need to fix before site launch.

Any help is appreciated.

Thanks.

Hello there,

Thank you for contacting us.

As checked, the humberger menu on your site is appearing correctly.

Screen Shot 2020-06-26 at 09.00.44

Have you been able to manage it yorself?

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hello

The same happened to me. The hamburger menu icon on your public site is visible now. You have to clear your browsing history, and it will be visible also on your device.

Best regards,
BR

It is now working for most devices. My clients see it on their iPads now. I still do not see it on my iPhone.

I assume it will come through eventually for me, and anyone visiting the new site when launched will not have an old, not-working page cached.

THANKS!!

Hello there,

Thank you for getting back.

Web browser’s cache/history on your device may load the cached version of the site. Please clear the history and reload the site.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

I had the same problem of a couple of sites with a hamburger menu missing on mobile and ipads that used a child theme of Sydney. I had created a custom header.php. I had not checked the main Sydney header.php in a while as it was upgraded through many versions. When I did I noticed some changes which I had to add to my custom header.php (most likely it was the line with:
<div class=“btn-menu”><i class=“sydney-svg-icon”><?php sydney_get_svg_icon( ‘icon-menu’, true ); ?></i></div>
but it could have been some of the other changes. I just incorporated all the changes.

Hello there,

Please share a link of your website here, so I can inspect and find the solution easier.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

The site is not important. I was using a header.php modified from a very early version of Sydney as shown below. A recent update broke the hamburger display. I took the latest version Sydney and modfied the header.php with the modifications I had previously made, as also shown as the second piece of code.

The code does not quite come out right when I cut and paste it but you’ll easily see the differences; there are only a few.

Here is my header.php that failed to show the Hamburger menu:

<?php /** * The header for our theme. * * Displays all of the section and everything up till
* * @package Sydney */ ?> > <?php if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ) : ?> <?php if ( get_theme_mod('site_favicon') ) : ?> <?php endif; ?> <?php endif; ?> <?php wp_head(); ?> > <?php do_action('sydney_before_site'); //Hooked: sydney_preloader() ?>
<?php _e( 'Skip to content', 'sydney' ); ?>
<?php do_action('sydney_before_header'); //Hooked: sydney_header_clone() ?>

<header id="masthead" class="site-header" role="banner">
	<div class="header-wrap">
        <div class="container">
            <div class="row">
			<div class="col-md-4 col-sm-8 col-xs-12">
	        <?php if ( get_theme_mod('site_logo') ) : ?>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
	        <?php else : ?>
				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>	        
	        <?php endif; ?>
			</div>
			<div class="col-md-8 col-sm-4 col-xs-12">
				<div class="btn-menu"></div>
				<nav id="mainnav" class="mainnav" role="navigation">
					<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
				</nav><!-- #site-navigation -->
			</div>
			</div>
		</div>
	</div>
</header><!-- #masthead -->

<?php do_action('sydney_after_header'); ?>

<div class="sydney-hero-area">
	<?php sydney_slider_template(); ?>
	<div class="header-image">
		<?php sydney_header_overlay(); ?>
		<img class="header-inner" src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>">
	</div>
	<?php sydney_header_video(); ?>

	<?php do_action('sydney_inside_hero'); ?>
</div>

<?php do_action('sydney_after_hero'); ?>

<div id="content" class="page-wrap">
	<div class="container content-wrapper">
		<div class="row">	

Here is my header.php that now shows the Hamburger menu

<?php /** * The header for our theme. * * Displays all of the section and everything up till
* * @package Sydney */ ?> > <?php if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ) : ?> <?php if ( get_theme_mod('site_favicon') ) : ?> <?php endif; ?> <?php endif; ?> <?php wp_head(); ?> > <?php wp_body_open(); ?> <?php do_action('sydney_before_site'); //Hooked: sydney_preloader() ?>
<?php _e( 'Skip to content', 'sydney' ); ?>
<?php do_action('sydney_before_header'); //Hooked: sydney_header_clone() ?>

<header id="masthead" class="site-header" role="banner">
	<div class="header-wrap">
        <div class="container">
            <div class="row">
			<div class="col-md-4 col-sm-8 col-xs-12">
	        <?php if ( get_theme_mod('site_logo') ) : ?>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
				<?php if ( is_home() && !is_front_page() ) : ?>
					<h1 class="site-title screen-reader-text"><?php bloginfo( 'name' ); ?></h1>
				<?php endif; ?>
	        <?php else : ?>
				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>	        
	        <?php endif; ?>
			</div>
			<div class="col-md-8 col-sm-4 col-xs-12">
				<div class="btn-menu">*<i class="sydney-svg-icon"><?php sydney_get_svg_icon( 'icon-menu', true ); ?></i>*</div>
				<nav id="mainnav" class="mainnav" role="navigation">
					<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
				</nav><!-- #site-navigation -->
			</div>
			</div>
		</div>
	</div>
</header><!-- #masthead -->

<?php do_action('sydney_after_header'); ?>

<div class="sydney-hero-area">
	<?php sydney_slider_template(); ?>
	<div class="header-image">
		<?php sydney_header_overlay(); ?>
		<img class="header-inner" src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>">
	</div>
	<?php sydney_header_video(); ?>

	<?php do_action('sydney_inside_hero'); ?>
</div>

<?php do_action('sydney_after_hero'); ?>

<div id="content" class="page-wrap">
	<div class="container content-wrapper">
		<div class="row">	

Hello there,

Thank you for getting back to me.

The mobile menu on older code uses Font Awesome. If you can’t update the code, you may need to install the Font Awesome plugin.

I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

@kharisblank, I appreciate the thought but I don’t think you have really read my posts. I no longer have the problem. Updating the header.php in my child theme as shown in my post solved the hamburger not appearing issue.