Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #711653

    Hello to everyone,

    I wanted to try the haburger menu but although it appears in the page, it doesn`t open.
    Could you please have a look on that?
    And if you get it to work, how can I set it for all devices (mobiles, tablets)?

    I can´t activate it for you to see, since the site is online and visitors won´t be able to get to other pages.

    Best Regards
    Asterios

    #711805

    Hey asterios,

    The mobile menu is working fine on my end using iphone6/chrome, could you try clearing your browser cache and reload a few times to see if that helps please? You can change your settings under Enfold->Header->Mobile Menu to show it for tablets as well.

    Best regards,
    Rikard

    #711843

    Good morning Rikard,

    My current menu works great BUT I am talking about the hamburger menu as seen at:

    Best Regards
    Asterios

    #712243

    Hi,

    That is weird. Can you please try de-activating all active plugins and check if that helps?

    Best regards,
    Yigit

    #713233

    HI Yigit,

    no it doesn´t. I deactivated all my plugins, cleard the cache as well the browser cache many times but the problem remains.
    Any other ideas?

    Best Regards
    Asterios

    #715135

    Hi,

    What are the modifications that you added in the avia.js file in the child theme? Did you use the latest version?

    
    // Replace avia.js
    function change_aviajs() {
       wp_dequeue_script( 'avia-default' );
       wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );

    Best regards,
    Ismael

    #715200

    Hey Ismael,

    that was it! I didn´t change anything there but I wasn´t using the latest version, thank you!

    One last thing. I have modified the mobile menu so it is fixed.
    The hamburger menu is way nicer than the “old one”.
    How can I use the hamburger menu in all devices and have it fixed in mobiles and tablets?

    Best Regards
    Asterios

    #716378

    Hi!

    Try adding this code in functions.php:

    function add_custom_hamburger(){
    ?>
    <script type="text/javascript">
    (function($){
      function newburger() {
        $('#advanced_menu_toggle').append('<span class="av-hamburger av-hamburger--spin av-js-hamburger"><span class="av-hamburger-box"><span class="av-hamburger-inner"></span>Menu</span></span>');
      }
    
      newburger();
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'add_custom_hamburger');

    Then add this code to Quick CSS (located in Enfold > General Styling):

    #advanced_menu_toggle {
        border: 0 !important;
    }
    
    #advanced_menu_toggle:before {
        display: none !important;
    }
    
    @media only screen and (max-width:989px) {
      span.av-hamburger-box {
        color: transparent !important;
        position: relative;
        display: flex;
        align-items: center;
      }
    }

    Let us know if it works :)

    Cheers!
    Nikko

    • This reply was modified 7 years, 6 months ago by Nikko.
    #716629

    Hello Nikko!

    The code you provided does show the hamburger menu on mobiles, thank you.

    The menu is unfortunately still not fixed, one still have to scroll up to get to the menu.
    Let me show you what I used before for this:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    .responsive #top #main {
    padding-top: 80px !important;
    }}

    But what I also meant is the animation of the hamburger menu like it is on desktops.
    Not the diagonal coming from the right top. Is this possible?

    I am sorry for the missunderstanding and I hope it is not too much trouble.
    I only wanted the same animation and the fixed header.

    Best Regards
    Asterios

    • This reply was modified 7 years, 6 months ago by Asterios.
    #716678

    Hi,

    It’s possible but you need to enable the new hamburger menu and it would be like the Creative Studio Demo (but this would still require a bit of customization and the code I gave you must be removed) by going to Enfold > Header > Display of menu items set to Display as icon. But if you want to retain the same settings and have the new burger menu I’m afraid it would take so much time and would be outside the scope of our support, please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Nikko

    #716747

    Hello Nikko,

    I understand, thank you very much for your support.
    No more questions related to this, you may close this topic.

    Best Regards
    Asterios

    #717137

    Hi,

    Thanks for that, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Hamburger Menu appearing but not working’ is closed to new replies.