Hey Corina,
Thanks for the link to your site, my research finds that this is a known, and argued expected behavior for the Vimeo player when a video is a background video.
I tested your video in a color section background & in a video element and found this a reasonable explanation and do not believe that it is a result of the Enfold element.
I did come up with a possible solution that works on my test site and also seems to work on your site.
The following script rewrites the iframe url after the video starts and breaks the loop, thus ending with the video on the first frame.
If you would to try this, add this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
      setTimeout(function(){
      $("#top.home #av_section_1 iframe").attr("src", "//player.vimeo.com/video/650191459?portrait=0&byline=0&title=0&badge=0&loop=0&autopause=0&api=1&rel=0&player_id=player_5394_254066182_1922605071&color=ef5e95");
      },800);
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

The only other solution I can recommend would be to embed your video in a code block so that it is not a background video.

Best regards,
Mike

Hi,
For this slider I see that you are doing width:600px; to force the word break, with a margin-left:26%; to center.
I recommend trying width:32ch; to force the word break, CH is a width that is *close to a character width, and margin:auto; to center.
Try this css instead of yours:

@media only screen and (min-width: 480px) {
#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
    width: 32ch;
    font-style: italic;
    margin: auto;
}
#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content {
	width: 36ch;
	margin: auto;
}
}
@media only screen and (max-width: 769px) { 
	#top.page-id-3642 #full_slider_1 .slideshow_caption {
		padding: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 479px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 20px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 20px!important;
		width: 32ch;
		margin: auto;
	}
}
@media only screen and (max-width: 375px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 13px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 15px!important;
		width: 32ch;
		margin: auto;
	}
}

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

Best regards,
Mike

Hi,

@Guenni007 thank you for your help, @El thank you for the link to your site and for your patience,
I have checked your site with Chrome, Firefox & Edge on Windows 10 & with Safari on Mac and I find that your search icon autofocus to the input field on click, so I assume that you did follow Guenni007 suggestion and now just need to clear your browser cache, Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshot, there is not an official way to do this but I tried to work out a script for you, I wrote it to start at 1024px because you have so many menu items that at 768px they overlap, I recommend removing some items or making the burger menu show for larger screens.
this is the expected results:

Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
var width = $(window).width();
if ( width >= 1023) {
$("#header ul.cart_dropdown").detach().insertAfter('#menu-item-3092').css({'display':'block'});
$("#menu-item-search").detach().insertAfter('#menu-item-3092');
} else {}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and this code in the General Styling ▸ Quick CSS field

@media only screen and (min-width: 1023px) { 
#top .av-main-nav ul#menu-item-shop a.cart_dropdown_link {
    margin: 0;
    left: 0;
    color: inherit;
    position: relative;
    width: auto;
    -webkit-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    border:none;
}
#top .header_color .main_menu ul#avia-menu ul#menu-item-shop {
    background-color: transparent;
}
#top #avia-menu #menu-item-shop {
	box-shadow: none;
}
}

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

Best regards,
Mike

Hi,
Thank you for the link to your site, I believe you are looking for this:

if so try this code in the General Styling ▸ Quick CSS field

.sub-menu:before {
  position: absolute;
  top: -7px;
  left: 40%;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffdfab;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.sub-menu:after {
  position: absolute;
  top: -6px;
  left: 40%;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffdfab;
  border-left: 6px solid transparent;
  content: '';
}

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

Best regards,
Mike

Hi,
Glad Ismael could 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,
Glad Ismael could 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

Hey janhofmanveiligheidsopleidinge,
Thank you for the link to your site, the first problem with your slider is the plugin Smush Pro lazyload option, this causes the slider to not load the correct height, to demonstrate I disabled it for the frontpage:

Now the second problem with your slider is your images are very different sizes 1500×300 & 700×307 so at fullwidth the first one shows fine, but the second one is stretched to show fullwidth which makes it much taller, so to correct please ensure both images are similar sizes.
You are using the latest version 4.8.7.1

Best regards,
Mike

Hey ndszamoca,
Thank you for the link to your site it looks like you are using WPML which creates a theme panel for each language, so for DE the css is probably not added.
When looking at your theme panel option for the Quick CSS you should see which language you are looking at and also see an option for “all languages” choose that and then add the css and save.
Or you can add the css to the WordPress ▸ Customize ▸ Additional CSS field, If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hey aruizhuidobro,
Thank you for the link to your site and the login, the Montserrat 800 is actually Montserrat-ExtraBold and not included by default, so I added it for you via the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
and adjusted your css to:

.avia-animated-number span.avia-single-number {
font-family: 'Montserrat-ExtraBold';
    font-size: 55px; 
   font-weight: 800;
}

and now it is working, please clear your browser cache and check.

Best regards,
Mike

Hey aruizhuidobro,
Thank you for the link to your site but it seems that your login page is different than the standard /wp-admin/ so I couldn’t login to review closer,
I believe you are trying for this layout:

in this case make G-TRAUMA-970×1410-1-1.jpg 705×1460
I linked to my test example below.

Best regards,
Mike

Hi,
It looks like your site has changed since Oct 9, at that time your page had 40 requests fully loaded:

now it has 256 requests:

I see that you are not using the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression

If you use this option you will reduce your requests some, but this will only take effect after you clear your Cloudflare cache because right now Cloudflare is serving 256 files. I would also recommend disabling your Hummingbird plugin and then review again.
You should see results like this from the default Enfold 2017 demo:

with 59 requests fully loaded in 6.7 seconds.

Best regards,
Mike

Hi,
Sorry this shortcode doesn’t have options it only calls the WordPress search function get_search_form as seen in the shortcode function:
add_shortcode('avia_search', 'get_search_form');
You can try the many different plugins available or you can review this tutorial to Create a Custom WordPress Search Results Page.
The only easy way I found to limit the search results to the first 8 is to use this function which only shows this first 8 and hides the search results title, pagination and heading.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function limit_search_results() { ?>
    <script>
(function($){
  $('#top.search-results .template-search article').hide();
  $('#top.search-results .title_container').hide();
  $('#top.search-results .template-search .pagination').hide();
  $('#top.search-results .template-search .extra-mini-title').hide();
  $('#top.search-results .template-search article').slice(0, 8).show();
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'limit_search_results');

Best regards,
Mike

Hi,
Sorry for the late reply, I see that your favicon is giving a 404 error, please download the favicon.ico linked below and upload to your root directory via FTP or your webhost file manager, your root directory should look like this:

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey Medaliaprod,
Thanks for your question but this seems to be a duplicate question, I replied to your other thread here lets continue there, thank you.

Best regards,
Mike