Hi,
Glad Ismael could help, we will leave this open for now while you test, please let us know when we should close this thread.

Best regards,
Mike

Hi,
I see a CORS error for your font on the EN site, which is on a different domain than your DE site.
I think that you are using the WPML settings to use two domains and the font is on the DE domain, so please ask your webhost to set the server to allow “Access-Control-Allow-Origin” for both domains so the font can be shared. This has to be done on the server and each server is different so they will know the best way for your server.
I posted the error below for their reference.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
I have not seen any plugins like this so I couldn’t advise.

Best regards,
Mike

Hi,
The video at the top auto plays for me on Android, but I don’t have a iPhone to test with, and typically that one is harder to get auto play to work on. If you can’t get it to work on iPhone try creating a gif from your video and use it as the static replacement image, this has worked well for others.

Best regards,
Mike

Hey Munford,
In the other thread the file types were giving a 404 error, I don’t see this on your site. But your video is 87.8mb that is why it loads slowly, try making it smaller, there are many that you could try.

Best regards,
Mike

Hey reqonsult,
Please see our demo of the Masonry Element. Here is another example of the same element used to show blog posts, it can also show products.

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,
Try this instead

@media only screen and (min-width: 768px) { 
    #top .avia_codeblock_section .woocommerce.columns-4, #top .avia_codeblock_section .products.columns-4 {
        display: flex; 
      }
      
      #top .avia_codeblock_section .products .product.last, #top #main .avia_codeblock_section .products .product.last {
        margin-right: 13px;
      }
}

Best regards,
Mike

Hi,
Glad that we could help.

Best regards,
Mike

Hi,
Try this CSS instead:

#top .avia_codeblock_section .woocommerce.columns-4, #top .avia_codeblock_section .products.columns-4 {
  display: flex; 
}

#top .avia_codeblock_section .products .product.last, #top #main .avia_codeblock_section .products .product.last {
  margin-right: 13px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, and removing the previous css, please clear your browser cache and check.

Best regards,
Mike

Hey Aubin,
Please ensure that you have Enfold Theme Options ▸ Shop Options ▸ Product gallery ▸ WooCommerce 3.0 product gallery enabled

Best regards,
Mike

Hey lyubopopov,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save:

function select_value_in_form() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    var selectFields = document.querySelectorAll('.page-id-15 #avia_6_1');
    selectFields.forEach(function(selectField) {
        for (var i = 0; i < selectField.options.length; i++) {
            if (selectField.options[i].value === 'Brazil') {
                selectField.selectedIndex = i;
                break;
            }
        }
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'select_value_in_form', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I wrote this to only work on the one page so it won’t interfere with other pages.

Best regards,
Mike

Hey schweg33,
Try this CSS in your <strong style=’color:#000′>Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 1224px) { 
#top.home .avia-button.avia-size-small {
	min-width: 100%;
} 
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I would recommend copying the css stylesheets from your css directories and adding it to your child theme stylesheet, so it is all in one file, and then check.
I’m not sure about the javascript files, you would need to determine what they do first and if it is something that you need, there is a good chance that the javascript and other files are for customizations or to fix errors that might already be fixed.
I recommend testing your site behavior first and see if anything is different, not style but function, if everything works correctly then there will be no need to add the javascript and other files.
So far your comments have only been about style, so copying the css files should fix this.

Best regards,
Mike