Hi,

Thank you for the update.

I am absolutely sure that I do not use at least catalogue, comments.

These are loaded because they are required for the default elements in the template, such as the comments section and the catalogue grid for products or related blog posts. Unfortunately, disabling them will affect those elements.

near “Disable Mobile CSS Animations” please add Disable all animations (CSS and JS).

To unregister the scripts you mentioned above, add the following code to your functions.php file:

function ava_wp_enqueue_scripts_mod() {
    wp_dequeue_script('avia-parallax-support');
    wp_deregister_script('avia-parallax-support');

    wp_dequeue_script('avia-fold-unfold');
    wp_deregister_script('avia-fold-unfold');

    wp_dequeue_script('avia-sticky-header');
    wp_deregister_script('avia-sticky-header');
}
add_action('wp_enqueue_scripts', 'ava_wp_enqueue_scripts_mod', 100);

Best regards,
Ismael

Hi,

Thank you for the update.

Try asking your hosting provider whether the file permissions are correct, or simply request a general check of this particular installation. If you’re not keen on updating the site via FTP, you can also try updating it using the Envato Market plugin. Please check the link below.

— https://www.envato.com/lp/market-plugin/

Best regards,
Ismael

Hi,

Thank you for the update.

There were two entries for the h3 element in the Advanced Styling panel. We removed both, as they were using the default settings anyway and then adjusted the h3 configuration in General Styling > Typography.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried converting the PNG image to an actual ICO file? Please check this tool: https://favicon.io/

Best regards,
Ismael

Hey stevejoneshbs,

Thank you for the inquiry.

This seems to be an issue with custom css — try adding this css rule to override the modification.

.avia-content-slider-active .slide-entry-wrap {
    visibility: hidden;
}

Let us know the result.

Best regards,
Ismael

Hey CESCI,

Thank you for the inquiry.

Is the site hosted on a different server? It’s possible that the server cannot communicate properly with the Envato server for various reasons, such as firewall or security restrictions. You may need to contact your hosting provider or try to update the theme manually via FTP.

— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hey ibuzaev,

Thank you for the inquiry.

Are you using any of the elements on other pages? Please note that the option “load only used elements” only excludes elements that are not used anywhere on the site. Once an element is added to any page, its stylesheets and any related scripts or resources will load across the entire site, regardless of whether they exist on the page or not. Hope this clear things up a bit.

Best regards,
Ismael

Hi,

Thank you for the info.

The site is broken because there is an invalid css rule in the Quick CSS field — a closing curly brace is missing.

/* -- Change font size in Main Menu Bar -- */
#header_main .avia-menu-text {
    font-size: 17px;

We corrected the css code and set the Maximum Container Width to 1310px. The site should be displaying correctly now.

Best regards,
Ismael

Hey Kelly,

Thank you for the inquiry.

Try to add this css to adjust the default top margin of the SVG icons in the header:

#top .social_bookmarks li.avia-svg-icon img[is-svg-img=true], #top .social_bookmarks li.avia-svg-icon svg:first-child {
    height: 1em;
    width: auto;
    margin-top: 3px;
}

Then include the following to realign the SVG icons with the font icons inside the content container:

#top #main .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child {
    stroke: unset!important;
    top: 8px;
    position: relative;
}

Result:

We recommend uploading a similar custom SVG icon for the instagram icon to fix the alignment issue.

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

We replaced the shortcode with the Widget Area element displaying the Instagram widget. It’s now rendering, but returning the error: Instagram returned error 429. Are you using the Instagram widget on other sites as well? Please try waiting a few hours or a full day, then check the page again. We have set it to cache the Instagram images on your server.

These threads might be related to the issue:

— https://kriesi.at/support/topic/enfold-theme-instagram-side-bar-widget-not-working/#post-1350365
— https://kriesi.at/support/topic/problem-with-instagram-widget/

Best regards,
Ismael

Hi,

Glad we could help! Feel free to reach out if you have any more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, your solution should work. It moves or creates the translation flags after clicking the mobile menu, ensuring they display correctly when the burger overlay is open.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Looks like the merged stylesheets and scripts are not loading in the Firefox browser. Have you tried temporarily disabling the cache plugin and the Enfold > Performance > File Compression settings?

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like the script is not working as intended so we removed it. Unfortunately, we didn’t find any other solution to prevent the slides’ background images from loading when the slider is not visible. You may need to remove the other sliders and rely on the responsive images if you’re using the Fullwidth Easy Slider, or manually apply different background images to the slides for different screen sizes using css. Example:

/* mobile */
@media (max-width: 767px) {
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
        background-image: url("/path/to/slide1-mobile.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
        background-image: url("/path/to/slide2-mobile.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
        background-image: url("/path/to/slide3-mobile.jpg") !important;
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
        background-image: url("/path/to/slide1-tablet.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
        background-image: url("/path/to/slide2-tablet.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
        background-image: url("/path/to/slide3-tablet.jpg") !important;
    }
}

Best regards,
Ismael

Hey placeit53591,

Thank you for the inquiry.

The sizes of the headings can be adjusted in the Enfold > General Styling > Typography panel. You can also define different sizes for different screen widths.

Best regards,
Ismael