Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 13, 2016 at 6:13 pm #711653
    Asterios

    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

    November 14, 2016 at 7:29 am #711805
    Rikard

    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

    November 14, 2016 at 9:58 am #711843
    Asterios

    Good morning Rikard,

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

    Home

    Best Regards
    Asterios

    November 15, 2016 at 12:56 am #712243
    Yigit

    Hi,

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

    Best regards,
    Yigit

    November 16, 2016 at 10:37 pm #713233
    Asterios

    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

    November 22, 2016 at 7:34 am #715135
    Ismael

    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

    November 22, 2016 at 10:54 am #715200
    Asterios

    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

    November 24, 2016 at 12:23 pm #716378
    Nikko

    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, 12 months ago by Nikko.
    November 25, 2016 at 12:55 am #716629
    Asterios

    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, 11 months ago by Asterios.
    November 25, 2016 at 7:38 am #716678
    Nikko

    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

    November 25, 2016 at 10:34 am #716747
    Asterios

    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

    November 26, 2016 at 6:14 am #717137
    Rikard

    Hi,

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

    Best regards,
    Rikard

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