Double menues

Hi,

That’s the mobile menu. As far as I know this only happens when you increase screen size to mobile view, open mobile menu and then reduce screen size to normal again. Am I right?

Guido

Hi

I have done some research now. This is really weird!

I only have the problem when I use Chrome on one specific computer! On the same machine it looks right in both Edge and Firefox. Also with Chrome in incognito mode. On another computer it works fine Chrome.

Conclusion. If only I have the problem in one specific machine, there is no big problem.

Hi,

No problem at all.

You can reproduce this issue on a normal desktop screen:

Increase sreen size until the mobile menu is displayed
Open mobile menu
Decrease screen size to 100% again

You will now notice both menus.
But this behavior will not occur in other situations.

I will try to find a solution for this strange behavior.

Guido

Hi again,

I will update my themes asap because I’ve found an easy fix for this strange behaviour.

I will wrap whole mobile menu in it’s own div container, which I only display when website is displayed in a mobile screen. It will look something like this:

<div class="mobile-nav-container">
	<div class="mobile-nav-toggle"><?php _e( 'Menu', 'bluegray' ); ?><?php _e( ' +', 'bluegray' ); ?></div>
	<div class="mobile-nav">
		<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
	</div>
</div>

Guido

Excellent!

Hi,

Theme is updated. Issue should be solved now.

Guido