Hi Yigit!

Thanks very much for replying and with your possible solution. But it didn’t work. I’ve included in the private section a permanent link to a video in my Dropbox illustrating the issue, and here is a permanent link to a public image in my Dropbox containing 6 screenshots of my iPhone (Figures 1-6) that I refer to: https://www.dropbox.com/s/mkf28lwx4jauqf4/Menus%20issues%20on%20iPhone%2020230420.jpg?dl=0. But here it is in writing as well:

To me at least, it seems Enfold implements the burger menus/submenus in a bizarre way, creating empty gaps above & below the main burger menu to handle opening up submenus: Enfold’s burger menu overlay covers the entire vertical window space (on computer) & screen space (on mobile), and they put the first menu item correctly below the burger menu, leaving a big gap from the top of the screen/window (& overlay) to that first menu item (Figure 1) (I have chosen the Sidebar Flyout Menu (Classic) as the Menu Overlay Style in the child theme’s settings). Then when the user opens a submenu, instead of just opening the submenu under it’s parent menu like every other website implementation does, everything shifts up to the top of the screen (& overlay), filling in that big gap AND going underneath the burger menu icon (& my search button) on the z-axis (z-index-like) (Figure 2). In my expert opinion (I’ve done post-graduate MSc work in human-computer interaction (UX)), that is not good for the User Experience.

So using responsive widths & heights, I decided to change the overlay margin-top & height so it’s always beneath the burger menu icon (& search button) (Figure 3), even when a submenu opens up (Figure 4). But if I do that, when a long submenu like for my Services menu opens up on a mobile device (well, I only tested on my iPhone), the bottom submenu items and the rest of the lowest parent menu items under that submenu become inaccessible, as the first part of my video demonstrates (sorry to other readers: I don’t have the video public). What’s happening is that the iPhone’s rubberband effect snaps to the 3rd last menu item, Patient Information, instead of the last menu item, Contact, making Contact and the FAQs menu item above it inaccessible for tapping. You can also see this in Figure 5, which shows that when I scroll to the bottom and let my finger go, the “rubberband effect” snaps the menu back to display Patient Information at the bottom of the screen, instead of the Contact menu item.

Just as an aside: You can see in Figure 5 that Permanent Soft Liners on New & Old Dentures is highlighted: that’s not because I chose it (we’re still on the home page as you can see in the breadcrumbs (btw, I haven’t finished the breadcrumbs margins)), but because my finder happened to gently touch it as I swiped up to scroll down. That seems to be a bug in Enfold (I see it also in the Enfold demos, but not on any other website using my phone, even other websites made using WordPress).

Back to our main problem: Actually, then another bug appears. If I attempt to scroll down a second time again, the outer window (the webpage content underneath the overlay) scrolls instead of the contents in the overlay, i.e. the menu. To me it seems overall that the code in avia-snippet-hamburger-menu.js is buggy.

So as a compromise (unless you have a solution for this issue), I thought I’d just not change the overlay margin-top & height on actual mobile devices (hover: none), but just do it on computers (hover: hover) when the user decreases the window size to a burger width (or starts at that width with his web browser window):

@media only screen and (max-width: 614px) and (min-height: 1px) and (hover: hover) {
    #top .av-burger-overlay {
        /* Start the overlay/flyout below the burger icon. */
        margin-top: 195px;/*215px; >>>  */
    }
}

In other words, leave it alone on mobile and go back to Figure 1 & 2. But doing that opens another problem I discovered. The rubberband effect works fine now, allowing me to scroll to the bottom of the menu and snap back to the bottom (Figure 6). But now when I tap the Contact menu item, instead of opening its submenu, it closes the burger menu entirely (the overlay disappears). If I open the burger menu again, scroll down to the bottom, and try tapping Contact again, the same thing happens. If I open the burger menu again, close the Services submenu, and tap the Patient Information submenu, and try tapping the Contact menu, it again does the same behavior. If I open the burger menu again, close the Patient Information submenu, and tap the FAQs submenu, and tap the Contact menu, this time it opens the Contact submenu correctly.

Any help would be appreciated.

Thanks,
Gary

and how do we get rid of that grey box around the button? https://enfold.savvyify.com/shop/test-product-shortcode/

Hi Nikko,

I’ve gone through that process several times making sure that i select the correct permission options to get the token each time. Most recently, 10 minutes ago.

When I copy the new token and paste it in the “Enter a valid Envato private token” field in the Enfold Theme Options/Theme Update and hit the Revalidate button it states that it’s correct and will check for updates. But, when I checked the live site the homepage layer slider images are missing as well as other content images further down the page (see screenshot).

https://bastiontechnologies.com/wp-content/uploads/2023/04/bastion-homepage.jpg

There is a duplicate sandbox version of the website that I was able to do a theme update without any issues. Any idea why it works there and not for the live site?

• This reply was modified 3 years ago by jenniferh73.

This didn’t help. Modal window is active but I can’t set the buttons to accept all settings or save preferencies.
Furthermore, in cookie notification, I can only choose among:
– Ignore notification
– Open information on privacy and cookie policy
– Link to another page

In other websites I manage, using Enfold, the settings of this area are totally different and it is possible to pre-set option in deactivation mode and accept o manage preferencies.
Thank you for you assistance.

Valentina

Yes, that’s the issue we were having. It DOES work with the Classic Editor plug-in activated, but we were advised by y’all to not use the Classic Editor plug-in and to use Enfold’s built-in theme option. When we use Enfold’s option, the button needs to both display and to work.

Justin

Neither of these items appear to be fixed in the beta version, which I’ve installed and tested on a dev site. Same issue. When Classic Editor is selected in Enfold’s theme options and a new page or post created, the Add Form button is not there. When using the Avia Layout Builder and a Text block, the Add Form button is there but doesn’t work.

Hi Ismael,

Thank you for your response.

I did some tests and unfortunately, it didn’t help. The problem still occurs.

I have renewed my support license, please try to prioritise this a bit, without creating new content I have a problem with managing my business.

Additional thing (maybe it will be helpful somehow), the server uses PHP version 8.0.28.

And second thing, we can show you one error we saw yesterday (but I think it resonates with your snippet of code above and as I wrote it didn’t help):

An error of type E_ERROR was caused in line 819 of the file /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php. Error message: Uncaught TypeError: asort(): Argument #1 ($array) must be of type array, null given in /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php:819
Stack trace:
#0 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php(819): asort(NULL)
#1 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php(792): avia_font_manager::set_new_backend('new', Array)
#2 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php(774): avia_font_manager::get_display_char('new', NULL)
#3 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php(925): avia_font_manager::backend_icon(Array)
#4 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.php(536): av_backend_icon(Array)
#5 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(1629): avia_sc_button->editor_element(Array)
#6 /nas/content/live/inlinksprod/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-template-builder.php(2193): aviaShortcodeTemplate->prepare_editor_element(false, Array, true)
#7 /nas/content/live/inlinksprod/wp-includes/class-wp-hook.php(308): AviaBuilder->js_template_editor_elements('')
#8 /nas/content/live/inlinksprod/wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters('', Array)
#9 /nas/content/live/inlinksprod/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#10 /nas/content/live/inlinksprod/wp-includes/media-template.php(1555): do_action('print_media_tem...')
#11 /nas/content/live/inlinksprod/wp-includes/class-wp-hook.php(308): wp_print_media_templates('')
#12 /nas/content/live/inlinksprod/wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters('', Array)
#13 /nas/content/live/inlinksprod/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#14 /nas/content/live/inlinksprod/wp-admin/admin-footer.php(78): do_action('admin_footer', '')
#15 /nas/content/live/inlinksprod/wp-admin/post.php(369): require_once('/nas/content/li...')
#16 {main}

Thank you so much in advance!

Best regards,
Maciej

• This reply was modified 3 years ago by inlinks.
• This reply was modified 3 years ago by inlinks.

Is there an ETA on this?

We’ve just discovered that even in the Advanced Layout Editor, in a Text element, though the “Add Form” button appears, when you click on it, nothing happens.

We were advised to use the Classic Editor option in Enfold’s theme options instead of using the Classic Editor plug-in because of other issues that were happening. But now that we’re using it, we can’t add forms.

Thank you for your help!

Justin

Hello Ismael,

Thank you for your reply.

In answer to your questions:
– No, I have no post category named “blog”
– And, no, I fully cleared the cache on “everything” (computer, phone, etc.) before each fix attempt.

Again, all I did was:

1. Temporarily changed the “Where Do You Want To Display The Blog” field in the Enfold Child Theme Options to a “blank” page,
2. Click the “Save all changes” button,
3. Change back to “blog” for “Where Do You Want To Display The Blog” in the Enfold Child Theme Options,
4. Click the “Save all changes” button,
5. Fixed

Before doing any of the above, I first removed the css fix you suggested, as this had failed to solve the problem.

Again, I have no idea why the above action successfully solved the “featured image not full width” problem, which I had struggled with for more than a day.

Hopefully, this post will help others who encounter a similar problem.

Thanks for the follow-up!

Good Morning Mike,

thanks for your feedback during Easter!

I found the issue .. not sure if it is a bug or not: Showing the media overview in a list, and clicking on the PDF, the “green button” from the DownloadManager will not be visible and …wp-content/themes/enfold/config-lottie-animations/assets/lottie-player/dotlottie-player.js.map gives back a 404 error.
Switching the media overview to grid, the 404 is gone and clicking on the PDF, the “green button” from the DownloadManager is shown.
Funny thing: the dotlottie-player.js.map does not exists in both cases.

Best,
Martin

I updated the theme but now it bought another problem, after updating the theme, it is not showing me my shop as it was earlier. It says “This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor ” Also the Advance Layout Editor button is disabled.