Hamburger menu icon not working on IOS

Hi,
The hamburger menu icon on my phone is not toggling the menu.
I have two sites that use the same responsive theme using the hamburger icon toggle method for the small device veiwport.
This hamburger menu icon toggles correctly: www.impactwroughtiron.com.au
This one does not: www.temp.osborneparkautorepairs.com.au

In the working header file (header-home.php) at www.impactwroughtiron.com.au there is a call to one class
<div class="navbar-responsive-collapse">

The corresponding code In (header-home.php) for the hamburger icon which doesn’t work at www.osborneparkautorepairs.com.au calls an additional two classes (navbar-collapse and collapse) for some reason. i.e. <div class="navbar-collapse collapse navbar-responsive-collapse">

  • When these two additional classes are removed, the small device veiwport opens with the menu displayed and disables toggling.
  • Adding back just ‘collapse’ closes the menu and disables toggling.
  • Adding back ‘collapse’ and ‘navbar-collapse’ closes the menu and disables toggling.

Could this be a javascript path error? - just guessing :confused:

Any help appreciated.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.