Mobile hamburger not working (thread was closed, not resolved)

[motionair]

Hi,

My last post was closed as i tried to solve some FTP issues…

updated everything, deactivated all plugins,

possible for anyone to log in and check what is the problem? i did not design all of this myselfe so i dont have 100% control of what is changed.

Thanks

old thread

[christian]

Hey @motionair,

We need to know first if this is an issue with the theme. Please remove all custom CSS and JS temporarily to see if this will fix the issue. If it does not, try switching to the parent theme. If nothing helps, please clone your site to a staging server so we could troubleshoot without affecting the operation of your live site. If you allow us to deactivate plugins, remove customizations, and do other troubleshooting procedures in your live site, that would also be fine.

Please note that we do not have support for issues caused by customization and third party plugins.

Thanks.

[motionair]

Hi,

when activating the parent theme the hamburger is working again, This means it has to do with our custom theme, but is it JS or custom css?
if you can, feel free to edit the live site as setting up a staging server is a little advanced…

If you cant help with this, can you point in a direction?

Thanks,
Reiel

[thai]

Hi There,

I’ve updated the _nav-primary.php file to the latest version:

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAV-PRIMARY.PHP
// -----------------------------------------------------------------------------
// Outputs the primary nav.
// =============================================================================

if( function_exists( 'ubermenu' ) && $config_id = ubermenu_get_menu_instance_by_theme_location( 'primary' ) ):
  ubermenu( $config_id, array( 'theme_location' => 'primary') ); 
 else: ?>

<a href="#" id="x-btn-navbar" class="x-btn-navbar collapsed" data-x-toggle="collapse-b" data-x-toggleable="x-nav-wrap-mobile" aria-selected="false" aria-expanded="false" aria-controls="x-widgetbar">
  <i class="x-icon-bars" data-x-icon="&#xf0c9;"></i>
  <span class="visually-hidden"><?php _e( 'Navigation', '__x__' ); ?></span>
</a>

<nav class="x-nav-wrap desktop" role="navigation">
  <div class="nav-wrap">   
    <ul class="group" id="fancy-nav">
      <li><a href="http://motionair.no/about/">about</a></li>
      <li><a href="http://motionair.no/services/">services</a></li>
      <li class="current_page_item_two"><a href="http://motionair.no/" font face=“futura”>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
      <li><a href="http://motionair.no/work/">work</a></li>
      <li><a href="http://motionair.no/contact/">contact</a></li>
    </ul> 
  </div>
</nav>

<div id="x-nav-wrap-mobile" class="x-nav-wrap mobile x-collapsed" data-x-toggleable="x-nav-wrap-mobile" data-x-toggle-collapse="1" aria-hidden="true" aria-labelledby="x-btn-navbar">
  <?php x_output_primary_navigation(); ?>
</div>

<?php endif; ?>

Please remove this custom CSS to make the navbar appear:

.x-navbar-wrap {
    display: none;
    visibility: hidden;
}

Cheers!

[motionair]

Thank you so much! everything is in order now.

Cheers!

[mldarshana]

Glad we were able to help