Hi,

Thank you for the update.

We can’t reproduce the issue on the home page. Is this happening on a different page? Please provide the link in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the following css code to disable the fade-in effect of the masonry items and temporarily disabled the Performance > File Compression settings.

#top .av-masonry-entry {
    opacity: 1;
    visibility: visible;
}

Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hi!

Great! Glad to know that the suggestions worked. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Regards,
Ismael

Hi,

Thank you for the info.

The issue occurred because of this css rule:

#top .avia-layerslider .ls-wp-container .ls-slide-backgrounds * {
    max-width: 100%;
}

We removed it from the Quick CSS field.

Best regards,
Ismael

Hi,

Thank you for the update.

We updated the functions.php file and added the modified version of the script. The tab section should now resize correctly when the details tabs are toggled.

function ava_custom_script()
{ ?>
    <script>
        (function ($) {
            $(document).ready(function () {
                $('details').on('toggle', function () {
                    if (this.open) {
                        var tabId = $(this).closest('.av-layout-tab').attr('id');

                        if (tabId) {
                            var targetToggle = $('[aria-controls="' + tabId + '"]');

                            if (targetToggle.length) {
                                setTimeout(function () {
                                    targetToggle.trigger('click');
                                }, 1000);
                            }
                        }
                    }
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

You have to add the code in the child theme’s functions.php file. If you haven’t installed a child theme yet, please check the documentation below.

// https://kriesi.at/documentation/enfold/child-theme/

Best regards,
Ismael

Hey luleloki,

Thank you for the inquiry.

What do you mean by “iFrame and Lightbox for different views”? If you simply need to display an image inside a lightbox, you can link the image, and the theme will automatically configure it to open within a lightbox container.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The caption titles look white when we checked. To center-align the container, please add this css code:

.avia-slideshow.av-desktop-hide.av-medium-hide .avia-caption {
    bottom: 31%;
    left: 50%;
    transform: translateX(-50%);
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Where can we check these images? Please provide the link to the page in question so that we can inspect the images. Have you tried applying a maximum height to the image?

@media only screen and (max-width: 1366px) {
	/* Add your Mobile Styles here */
	.image {
		max-height: 700px;
	}
}

Adjust the “.image” selector accordingly.

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi!

Please try to add this script in the functions.php file:

function ava_custom_script()
{ ?>
    <script>
            (function ($) {
                $(document).ready(function () {
                    $('details[open]').click(function () {
                        var tabId = $(this).closest('.av-layout-tab').attr('id');
                        console.log(tabId)
                        if (tabId) {
                            var targetToggle = $('[aria-controls="' + tabId + '"]');
                            console.log(targetToggle)
                            if (targetToggle.length) {
                                setTimeout(function () {
                                    targetToggle.trigger('click');
                                }, 1000);
                            }
                        }
                    });
                });
            }(jQuery));
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 99);

Thank you for your patience.

Regards,
Ismael

Hey Beat,

Thank you for the inquiry.

We may need to login to the site in order to properly check the issue. Please provide the login details in the private field. In the meantime, try to toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know of the result.

Best regards,
Ismael

Hi,

Sorry for the delay. We are still not sure what is causing this issue. Have you tried using a different plugin for the “delay JavaScript execution” feature, such as Autoptimize? You can also compress the scripts and stylesheets with this plugin.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The page can’t be scrolled due to this css rule, which is applied after adding an item to the cart:

body.xoo-wsc-cart-active, html.xoo-wsc-cart-active {
    overflow: hidden!important;
}

You can override it with the following css code:

body.xoo-wsc-cart-active, html.xoo-wsc-cart-active {
    overflow: auto!important;
}

Best regards,
Ismael

Hey desquid66,

Thank you for the inquiry.

Is there any plugins that conflict with Enfold?

Yess there are plugins that could potentially cause conflicts not only with the theme but with any theme. However, you should still be able to use SEO plugins like Yoast or RankMath without any issues with the Enfold theme. Let us know if you encounter any issues.

Best regards,
Ismael

Hi!

Thank you for the info.

The same notification still occurs after updating the theme files:

“”nfo – Session Storage: Browser memory limit reached or blocked by browser. Your Browser does not offer enough session storage to save more steps for the undo/redo history.” “Failed to execute ‘setItem’ on ‘Storage’: Setting the value of ‘aviaenfoldchild1043753’ exceeded the quota.”

We are still unable to update the page. When we copy the content of the Journey page from the live site to a local installation, the same error occurs, but we were able to update the page. This is with the default 6.0.6 version, without the modifications mentioned above. We have not encountered this issue before. We’ll give you an update as soon as we find anything.

Cheers!
Ismael