Hey Munford,

Thank you for the inquiry.

Only muted videos are allowed to autoplay on most major browsers, including Chrome. You’ll find this information here.

Chrome’s autoplay policies are simple:

Muted autoplay is always allowed.
Autoplay with sound is allowed if:
The user has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
The user has added the site to their home screen on mobile or installed the PWA on desktop.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

— https://developer.chrome.com/blog/autoplay/

Unfortunately, there is no way to override this policy on our end. You’ll have to mute the videos in order for them to play automatically on page load.

Best regards,
Ismael

Hi

Thank you for the information.

This is actually the same fix that we proposed above. Please check: https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495756

Let us know if this resolves the issue for you so we can confirm the fix.

Cheers!
Ismael

Hey christina495,

Thank you for the inquiry.

Looks like you’re using a third-party plugin for the filter. We recommend reaching out to the plugin developer for additional assistance. In the meantime, you could try this script to set it to automaticall scroll to the product section after clicking any of the category items.

add_action( 'wp_footer', function() {
    if ( ! function_exists( 'is_woocommerce' ) || ! is_woocommerce() ) return;
    ?>
    <script>
    jQuery(document).ready(function($) {
        var $products = $('main.template-shop');

        if (sessionStorage.getItem('av_scroll_products') && $products.length) {
            sessionStorage.removeItem('av_scroll_products');

            setTimeout(function() {
                $('html, body').animate({ scrollTop: $products.offset().top - 20 }, 400);
            }, 200);
        }

        $(document).on('click', '.sidebar .bellows-target', function(e) {
            if (window.innerWidth >= 990) return;
            if ($(e.target).closest('.bellows-subtoggle').length) return;

            sessionStorage.setItem('av_scroll_products', '1');
        });
    });
    </script>
    <?php
}, 20 );

Let us know the result.

Best regards,
Ismael

Hey jb84,
In the above css this is wrong:

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main
}
/* Margin top value should be equal to header height*/
margin-top: 0px;
}
.responsive #top #wrap_all #header {
position: fixed;
} 

You have a rouge closing bracket making the margin-top do nothing and also close the @media rule so the last rule works on desktop.
Your first snippet was correct:

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 0px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
} 

Best regards,
Mike

Hi,
Thank you for your patience, unfortunately changing the Isotope and the JavaScript calculation used would require the Dev Team to address this in the core files. Please create a request here for the Dev Team to review and you can follow along and share your input directly with them.

Best regards,
Mike

Hey ChristosP,

The update to 7.1.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hey laptophobo,

Thank you for the inquiry.

This is possible, but you may need to directly modify the themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js file. Unfortunately, this type of request is beyond the scope of support.

Best regards,
Ismael

Hi,

We adjusted the modifications. The first row of the masonry gallery should now be clickable on both desktop and mobile view. The 3-column section should not be covering the masonry gallery on smaller screens. Please make sure to purge the cache before checking.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add this css code? This overrides the default style of the h2 heading.

#top h2 {
    font-size: 24px;
}

You can also adjust the style of the headings in the Enfold > Advanced Styling panel.

Best regards,
Ismael

Hi!

We added the css code again and it seems to be working as expected. Please note that the changes here are only applied on mobile view and should not affect the desktop view.

— https://kriesi.at/support/topic/remove-excessive-space/#post-1496694

Please make sure to purge the cache before checking.

Cheers!
Ismael

Hey Enfoldfanatic,

Thank you for the inquiry.

You can add an actual slider element for mobile view in place of the default grid for desktop. To toggle the visibility for different screen sizes, edit the element, then go to the Advanced > Responsive > Element Visibility settings. Please check the screenshot below.

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to add a bottom margin to the portfolio items.

#top .grid-sort-container .no_margin.av_one_third.grid-entry {
    width: 30%;
    margin-right: 3%;
    margin-bottom: 3%;
}

Make sure to purge the cache before rechecking the page.

Best regards,
Ismael