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,
Glad to hear this helped you sort this out for your site, but as @Guenni007 pointed out a combination of solutions should be avoided, your snippet above is specific to your site and menu items, so future readers will need to adjust the code .insertAfter('.menu-item-178580');
Future readers could look at @Guenni007’s shortcode in a menu item solution or @Ismael’s solution as options.
So thanks for sharing what worked for you, 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 believe when the first loop of the video ends the still frame is the first frame of the video, check the direct link below, it doesn’t autoplay so you can see the first frame.
So to correct you should edit the video so the first frame is correct.

Best regards,
Mike

Hi,
When I check in Windows Chrome DevTools, the .current-image has a height of 95vh breaking out of the .wc360-container Please see the screenshot in the Private Content area.
In this screenshot you will see the image (blue area) goes behind the title and the bottom of the image is hidden, so this is the “OK” Android view, in Safari DevTools on a Mac the same 95vh stretchs the image even more. In my test changing the 95vh to 480px corrected this for both, so please try this css:

@media only screen and (max-width: 767px) {
#wrap_all #main .threesixty .threesixty_images img.current-image {
    max-height: 480px!important;
}
}

After applying the css, please clear your browser cache and check.
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,
Thanks for the link to your site, have you tried removing your script above to see if that is the issue? I believe your script is more complicated that it needs to be, below I have linked to a test page where I have the header set to 100px:

and the header behavior set as sticky and not shrinking:

then I added your logo and this script to the end of my child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll >= 90 && width >= 768) {
    $('.av-logo-container > .inner-container').css({'overflow':'hidden'});
   } else {
    $('.av-logo-container > .inner-container').css({'overflow':'visible'});
   }
  });
})(jQuery); 
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and this css in my General Styling ▸ Quick CSS field:

.logo, .logo * {
    max-height: 269px!important;
    height: 269px!important;
    width: 131px!important;
}

now the logo behaves like yours on scroll and the anchor links I added to the page land correctly and not behind the header.
Perhaps you could try this.

Best regards,
Mike

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