Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 21, 2020 at 3:18 pm #1232037
    AzharVahora

    Hello,

    I have been using Enfold theme for many years now and only recently I am having the following two issues:

    1. The mega menu on the mobile site is not working. Usually, if you hover over “SHOP”, the mega menu will drop down with several sub-menu options. This still works on the Desktop version, but not mobile.

    2. When on the homepage and I select “Customize”, I receive the following error:
    “There has been a critical error on your website….”
    In the debugging log I can see some issues relating to “Class-avia-Gutenberg” being an issue.

    I trust that you can solve both these issues as both are rather urgent.

    Many Thanks
    Moss

    July 21, 2020 at 6:20 pm #1232067
    AzharVahora

    I am also getting the following error scripts at the top of my WooCommerce page:

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia-builder-style in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_builder_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_modal_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_modal_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_modal_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_element_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    Notice: Undefined index: avia_builder_js in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 548

    Notice: Trying to get property of non-object in /home/sites/6a/9/9120c902b1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php on line 516

    July 22, 2020 at 12:05 pm #1232223
    AzharVahora

    I have managed to remove all the crazy scripts by changing the config file to FALSE debugging. Although the issue is still present, at least nobody can see it in the front-end!

    I have a NEW ISSUE with the mobile site:

    1. The full-width sub menu on the homepage as well as other pages does not collapse in the mobile site.

    So now, I have 2 major issues that i need resolving as soon as possible as this is detrimental to my work:

    1. Mega Menu not collapsing on Mobile
    2. Full-Width sub-menu is not collapsing on Mobile
    3. When selecting “customise” I get an error: There has been a critical error on your website. Please check your site admin email inbox for instructions.

    Please can someone from the Enfold team look in to this ASAP

    Many thanks
    Moss

    • This reply was modified 4 years, 3 months ago by AzharVahora.
    July 27, 2020 at 12:12 pm #1233493
    Ismael

    Hi,

    Sorry for the delay. There is no mega menu item in the site and the full width submenu switches or collapses to an icon menu on mobile view properly. Did you disable the mega menu items?

    Please post a screenshot of the issue so that we can check it properly.

    Best regards,
    Ismael

    July 28, 2020 at 10:47 am #1233722
    AzharVahora

    Hi Ismael,

    The mega menu works fine on Desktop, which you can see. This hasn’t been disabled at all but it doesn’t seem to collapse on mobile!

    Don’t worry about the sub menu – this works and I have no issue with it.

    On desktop you will see that when you hover over SHOP in the main menu there is a mega menu with images that collapses. This doesn’t happen in mobile but instead just is blank.

    July 29, 2020 at 8:21 am #1233898
    Ismael

    Hey!

    Thank you for the info.

    We can now see the issue and it happens because the script that generates the mega menu considers the columns as empty, which they are because they don’t contain any child menu items, and so it doesn’t render the items. You may need to create another set of the same menu without images, disable the mega menu option and have it display instead of the current one on mobile view. You can toggle the visibility of the menu items using css media queries.

    // https://kriesi.at/support/topic/how-to-have-a-full-width-submenu-automatically-display-on-all-pages/#post-737157

    Cheers!
    Ismael

    July 31, 2020 at 10:56 am #1234350
    AzharVahora

    Hi Ismael,

    Thank you for your message. However, I don’t think this is an acceptable solution.

    Only last month the mega menu was working perfectly fine on mobile devices with the images showing.

    It is only recently that this mega menu has stopped collapsing on the mobile site.

    I do not want to delete the mega menu and I want the images to show as it did before.

    Surely there is something of a better solution!

    Best Regards
    AV

    August 3, 2020 at 1:08 pm #1234823
    Ismael

    Hi,

    We are not really sure how you made it work previously because the script ignores empty columns, as you can see in the js > avia.js file, around line 1020:

    //	ignore columns that have no actual link and no subitems
							if( ( current_megas === null ) || ( current_megas.length == 0 ) )
							{
								if( mega_title_link == '#' )
								{
									hide_enty = ' style="display: none;"';
								}
							}

    If the column is empty, it will hide the submenu container or set its display property to “none”.

    What happens when you disable the minification or compression option?

    Best regards,
    Ismael

    August 19, 2020 at 2:49 am #1238985
    AzharVahora

    Hi Ismael,

    Thank you for your response.

    If by disabling the compression/minification option, you mean from my cache plugin, then I have done this and purged the cache and yet I’m still experiencing the same issue.

    Is there anything else which I can do?

    August 24, 2020 at 5:12 pm #1240420
    Ismael

    Hi,

    You can try and remove the code above but we are not really sure if it’s going to help or change anything. Please don’t forget to toggle the Performance > File Compression settings after removing the code.

    We recommend going on a different route by creating a separate set of menu for desktop and mobile view.

    Best regards,
    Ismael

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