Tagged: , , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 21, 2016 at 4:45 am #569131
    learningherbs

    Hi there,

    I’m having issues on a site using the Fullwidth Submenu element. If I select a menu with submenus (which would create a dropdown menu), the dropdowns do not work properly on iPad.

    The main site menu works fine and becomes responsive, but users can not click the menu item to drop down the submenu.

    URLs and credentials enclosed.

    January 22, 2016 at 1:51 pm #570027
    Andy

    Hi Jan!

    checked the menu in question but could not see any issue. Could you fix it already? if not please elaborate and provide us screenshots to make things clear (imgur.com, dropbox).

    Please provide us admin account.

    Best regards,
    Andy

    January 22, 2016 at 11:59 pm #570378
    learningherbs

    It’s not fixed. Apologies if I was not specific.

    Here is a video I recorded showing how it should work on my desktop, and then switching to iPad (safari and chrome) where the dropdown menu doesn’t work:

    https://www.dropbox.com/s/ldsje7d36pux8wj/iPadBug.mov?dl=0

    January 25, 2016 at 5:43 am #571086
    Ismael

    Hey!

    Is this an iPad with a retina display? Please edit the fullwidth submenu element then set the Mobile Menu Display to the second option. It will display a button which on click will display all menu items including the sub menus.

    Best regards,
    Ismael

    January 25, 2016 at 10:24 pm #571630
    learningherbs

    Ismael,

    It’s an iPad Mini 2, with retina.

    The Mobile Menu Display option doesn’t matter with this bug. The way it is set up now, the dropdown doesn’t work. If it is set to the second option, the “Menu” link does not drop down either.

    Please help me actually fix this bug.

    January 26, 2016 at 2:53 am #571807
    learningherbs

    Hm. Appears to be resolved.

    The menu item for the dropdown had nothing in the URL field.

    Adding an anchor link to the submenu solved it. Not really ideal, but works.

    January 27, 2016 at 1:54 pm #572862
    Andy

    Hi!

    glad you figured it out. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

    April 13, 2016 at 10:27 pm #613270
    SanchezLM

    Hi, I’m having this same problem, and apparently some other people too: https://kriesi.at/support/topic/enfold-fullwidth-sub-menu-doesnt-work/

    I have disabled all plugins and the mobile menu doesn’t display anything (tested on iphone and on PC resizing the screen). It only works when “sticky submenu” option is enabled, which I don’t want. Can you help me?

    I’m using the latest version of Enfold and WordPress.

    Thanks

    April 17, 2016 at 4:09 am #615645
    Ismael

    Hey!


    @SanchezLM    : We will need to see the actual website in order to inspect it. The menu works fine on our end so it’s probably cause by a third party plugin or a custom modification on the theme. And please make sure that you have the latest version of the theme, 3.5.2.

    Cheers!
    Ismael

    April 17, 2016 at 10:19 pm #615923
    SanchezLM

    Thank you for your response @Ismael

    I have just installed Enfold theme on a fresh WordPress installation. With, or without plugins activated this happens. I’ll leave my website details on the private content.

    Luis

    April 19, 2016 at 8:57 am #617223
    Ismael

    Hi!

    Thank you for the info. It is a small sytax error in the js > avia.js file. Please look for this code around line 1428:

    $(".av-sticky-submenu").each(function()

    .. replace it with:

    $(".av-submenu-container").each(function()

    Regards,
    Ismael

    April 19, 2016 at 4:59 pm #617554
    SanchezLM

    Thank you Ismael! That works!

    April 20, 2016 at 9:17 am #618090
    Ismael

    Hey!

    Please replace the whole block with:

            $(".av-submenu-container").each(function()
        {
             var sticky = $('.av-sticky-submenu'), menu = $(this), placeholder = menu.next('.sticky_placeholder'), mobile_button = menu.find('.mobile_menu_toggle');
             if(sticky.length) win.on( 'scroll',  function(){ window.requestAnimationFrame( $.proxy( check, sticky, placeholder) )} );

             if(mobile_button.length)
             {
                mobile_button.on( 'click',  toggle );
             }
        });

    Regards,
    Ismael

    April 21, 2016 at 7:41 pm #619322
    SanchezLM

    Thanks, also works.

    Is this change going to be included in future enfold updates? or should I do this with all updates?

    April 25, 2016 at 12:39 pm #621213
    Andy

    Hi!

    would be best to implement those changes into you child theme.

    Cheers!
    Andy

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.