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 we were able to help, and thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread instead of the contact form, and we will gladly try to help you.
Thank you for using Enfold.
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,
Glad we were able to help, and thanks for the suggestion, 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,
Does this only concern the “preview” of the page and not the actual page? Meaning that you only see the old version in preview, but if you save and publish your changes show on the actual published page? Perhaps try clearing the old revisions.

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,
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