Hi,
Thanks for the feedback, but unfortunately we don’t have any inside knowledge about your issue, typically the steps above like database connections & memory solve this.
It’s odd that your site is giving an exhausted memory size error for your gravityforms plugin, I can only recommend trying to find the cause for your error on the admin-ajax.php

Best regards,
Mike

Hi,
The ID result_ajax_response_1 is only in the page DOM after the contact form is submited and won’t be there on the page load.
Note that this is inside on the ajaxresponse_1 ID, and on page load ajaxresponse_1 is empty.
I’m not sure what your options are with Page Patch criterium in GTM but perhaps you can also get the page ID so you will know what page it is.
You could also add a custom field to your pages which could be added to the body classes for better information than the page ID, see this thread for an example.

Best regards,
Mike

Hey Phil,
Thank you for your question, you can use the Classic Editor or the Block Editor, “Gutenberg” in Enfold and not use the Advanced Layout Builder if you wish.
But you will not be able to use any of the ALB elements or edit the layouts from our demos.

Best regards,
Mike

Hi,
For mobile try this slow scroll to anchor with offset function in your child theme functions.php, I tested in on your page by injecting it in the browser and it seemed to work well.

function slow_scroll_to_anchor_with_offset() { ?>
  <script>
(function($) {
	var width = $(window).width();
    if ((width <= 767)) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 80 //offset
        }, 1000);
        return false;
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 80 //offset
        }, 1000);
        return false;
      }
    }
    } else {}
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'slow_scroll_to_anchor_with_offset', 99 );

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, and thanks for sharing the plugin causing the conflict. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad to hear that disabling the plugins has put you on the right path, after you find which one it was please post it here as it may help future users that have this issue.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience, since though your tests seem to ruled out the typically header.php & footer.php issue, this seems to be a strange issue that we have not seen before.
Unfortunately we are not able to login to your site, we get the error Access Denied – Sucuri Website Firewall
I was able to login via FTP and while this doesn’t directly help us help you, I did notice that you have 140 plugins, I don’t have a way of knowing how many are activate, but I would recommend disabling all plugins and then try enabling one at a time, often the one causing the problems is not showing any errors.
I see above that you have tried disabling “various plugins” but the best approach will be to disable all of them and then check.
If this doesn’t help then please create a staging site without the Sucuri Firewall so we can disable everything and try to investigate.
Most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen, try asking your web host if you don’t see these.

Best regards,
Mike

Hey MikeTandySwag,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.home #av_section_2 .flex_column.av_one_half {
    padding: 55% 50px 30px 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.home #av_section_2 .flex_column.av_one_half {
    padding: 24% 5px 30px 5px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.home #av_section_2 .flex_column.av_one_half {
    padding: 35% 5px 30px 5px;
}
}

The height was affected by the inner padding, this seems to correct in my tests.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey mvi,
It sounds like you are having a server cache issue, perhaps from a object-oriented cache? We have not experienced any issues on our servers or any reports from other users that we can reproduce. You could try changing the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression to Use minified theme CSS files without merging or disable it completely and let your server do all of the caching, but you would need to do this for each site, there is no other way to do this.

Best regards,
Mike

Hi,
I have checked your homepage on Windows in Chrome, Firefox, & Edge and the slider at the top with the button seems to be the same in each browser. I didn’t see any “zooming” on hover in the slider, but I did on a image lower on the page that looks like a office.
Above you write that the “zooming” only works when you are logged in, typically this would point to an error in the cached files since typically when you are logged in you are not served any cached files. Often when the theme and a plugin minifys the files an error can occur due to the nature of “minifying” which removes spaces & certain characters. It looks like your site is also using a CDN, cloudflare which could be serving the bad files.
Try disabling the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files, then clear and disable your caching plugin and your server cache and your CDN, it could take a few hours your your site to start serving the same files as when you are logged it, especially for cloudflare which can take up to 24 hours.

Best regards,
Mike

Hi,
Thanks for your patience, it looks like your menu layout has changed since we last looked at it and we don’t have access to the backend, have you changed your plans?
Going back to the megamenu width for five items, I don’t think there will be a good solution for this because the css flex is used, you would be better off adding a sixth item which shows at full width, than to force five items into full width.

Best regards,
Mike

Hey rixi,
changing the editor should not make a difference, it looks like the post that you linked to is the last one, when I check another one the post nav shows:

please see the link below, both are using the Advanced Layout Builder.
You do seem to be using a date based permalinks at WordPress ▸ Dashboard ▸ Settings ▸ Permalink Settings, perhaps Post name based will give you a different result.

Best regards,
Mike

Hey rixi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-magazine-sort .all_sort_button {
	display: none;
}
.av-magazine-sort .all_sort_button ~ span.text-sep:first-of-type {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey domchocolate,
Thank you for your patience and the link to your site, to tab though the menu, skipping sub-menu items unless the down or up arrow keys are used please try this javascript in your child theme functions.php file in Appearance ▸ Editor:

function tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function () {
    const menuItems = document.querySelectorAll('.menu-item-has-children'); // Adjust this selector to match your menu structure

    // Initially set tabIndex to -1 for all sub-menu items to skip them in tab navigation
    menuItems.forEach(item => {
        let subMenuItems = item.querySelectorAll('.sub-menu a'); // Adjust this selector for your sub-menus
        subMenuItems.forEach(subMenuItem => {
            subMenuItem.tabIndex = -1;
        });

        item.addEventListener('keydown', function (e) {
            // Only proceed if the event target is a menu item that contains a sub-menu
            let subMenu;
            if (e.target.classList.contains('menu-item-has-children')) {
                subMenu = e.target.querySelector('.sub-menu'); // Adjust this selector for your sub-menus
            } else {
                // This ensures we get the sub-menu even if a child of the menu item was focused
                subMenu = e.target.closest('.menu-item-has-children').querySelector('.sub-menu');
            }

            let subMenuItems = subMenu.querySelectorAll('a'); // Assumes sub-menu items are anchor tags
            let focusedElement = document.activeElement;
            let currentIndex = Array.from(subMenuItems).indexOf(focusedElement);

            switch(e.key) {
                case 'ArrowDown':
                    // Move focus to the next sub-menu item
                    if (currentIndex < subMenuItems.length - 1) {
                        subMenuItems[currentIndex + 1].tabIndex = 0;
                        subMenuItems[currentIndex + 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    } else {
                        // Optionally wrap around to the first item
                        subMenuItems[0].tabIndex = 0;
                        subMenuItems[0].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    }
                    break;
                case 'ArrowUp':
                    // Move focus to the previous sub-menu item
                    if (currentIndex > 0) {
                        subMenuItems[currentIndex - 1].tabIndex = 0;
                        subMenuItems[currentIndex - 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    } else {
                        // Optionally wrap around to the last item
                        subMenuItems[subMenuItems.length - 1].tabIndex = 0;
                        subMenuItems[subMenuItems.length - 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    }
                    break;
            }

            // Reset tabIndex to -1 for items not focused to ensure they're skipped during tab navigation
            subMenuItems.forEach(subMenuItem => {
                if (subMenuItem !== document.activeElement) {
                    subMenuItem.tabIndex = -1;
                }
            });
        });
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used', 99 );

I tested this on your site by injecting it in the browser and it worked good with your desktop menu.

Best regards,
Mike

• This reply was modified 1 year, 11 months ago by Mike. Reason: updated to correct error