Hi,
When I check the numbers I see that you are using css to make the font size 14px below 850px and above that they are 24px:

@media only screen and (max-width: 850px) {
#top .VuK-IconList-numbers li .iconlist-char:before {
    font-family: 'PT Sans',Helvetica,serif;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    bottom: 2px;
}
}

Perhaps you just added this after you asked the question, but it seems to be working for me.
As for your first question, I don’t see a second icon list element, I see a hotspot element, but I thought it was only a test, perhaps if you explain further with some context and a admin login it would make more sense, but right now I think the one iconlist #Ablaufschritte element looks fine on both desktop and mobile and I would remove the hotspot element.

Best regards,
Mike

Hi,
I believe there is some confusion here, this thread is about the slide show and not the accordion.
Pease see your first post:

I have a slide show with navigation controls that autoplay. Once I touch it and scroll (or left or right) it stop autoplay.

Perhaps you meant to post your comment in a different thread?
I restored your fallback slideshow.js file.

Best regards,
Mike

Hi,
Please note that background videos are not expected to show on mobile devices and you will need to choose a Fallback image in the slider.

Best regards,
Mike

Hi,
Ok, please replace the modified \slideshow\slideshow.js file with the original that you saved for fallback, and then include a FTP login for us to check.
If you are using SiteGround as your webhost please read these instructions to create a FTP login
Please note that you will need to use the slash as the directory so we will have access to your files:

Best regards,
Mike

Hey Nomad,
Thank you for your patience and the link to your site, I assume that you want them to look like this without the white dot in the center and the dashed horizontal line:

I see that your icon list has a custom class #Ablaufschritte so to change each one try this css:

#top #Ablaufschritte.avia-icon-list-container li:first-child .iconlist_icon {
    background-color: #ffffff;
    color: #930f1a;
}
#top #Ablaufschritte.avia-icon-list-container li:nth-child(2) .iconlist_icon {
    background-color: #7f807e;
}
#top #Ablaufschritte.avia-icon-list-container li:nth-child(3) .iconlist_icon {
    background-color: #4f5150;
}
#top #Ablaufschritte.avia-icon-list-container li:nth-child(4) .iconlist_icon {
    background-color: #ac262c;
}
#top #Ablaufschritte.avia-icon-list-container li:nth-child(5) .iconlist_icon {
    background-color: #930f1a;
}

You will note that I also changed the first icon list number because it didn’t show when the icon has a white background color.
After applying the css, please clear your browser cache and check.
Here is the expected results:

Best regards,
Mike

Hi,
That is ok, we are happy to help, I assume we can close this now?

Best regards,
Mike

Hi,
Try going to your file: \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js and replace it with the one in the Private Content area via FTP or your webhost file manager.
Please keep a copy of your current one for fallback, Then clear your browser cache and any cache plugin, and server cache and check.
Please note that you may need to clear the cache a couple of times.
You may want to disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files

Best regards,
Mike

Hi,
Thanks for sharing Guenni007, were you able to achieve this menainfosec?

Best regards,
Mike

Hi,
Thanks for the login, I see that you LayerSlider canvas size is 1140 x 447 so a 16:9 video ratio will not fit as a background video without being cropped, you would need to change the canvas size to match the video, but since you have other slides that use this canvas size and plain landscape images as backgrounds I don’t imagine that you want to show the video as a partial background to the right or left?
Since you have other elements over the video it will be hard to see the video, if the video was just a landscape video like your other slides it would be ok, but since it is a interview it will be hard for people to see and understand.

Best regards,
Mike

Hey Ivana,
Thanks for the link to your pages, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function disable_getresponse_popups() { ?>
  <script>
(function($){
  $('#top.page-id-31420,#top.page-id-11481').each(function() {
  $( this ).find('div[data-gr="popup-container"]').remove();
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'disable_getresponse_popups');

then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, this did enable the Yoast feature, but on my site it is counting the words correctly: note in the screenshot The text contains 14 words

perhaps you have another plugin that is interfering, try disabling all of your other plugins and checking again.

Best regards,
Mike

Hi,
Thanks for the feedback, your css to make the mobile menu items spread out is creating this error on the desktop, if you do want your mobile menu to be spread out then change your css to this:

@media only screen and (max-width: 767px) { 
.main_menu ul:first-child > li > a {
    line-height: 10px !important;
    margin-top: 180px  !important;
    background: transparent!important;
}
}

Otherwise remove the line margin-top: 180px !important; from your css.

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,
A team member recommends that it might be related to the background attachment property being set to “fixed” and try this thread.

Best regards,
Mike

Hi,
Thanks for the link to your page, but I’m not understanding what your issue is because your description sounds like the sub-menu of your main menu on this page is over the form, but your main menu has no sub-menu items so there is nothing to be over your form on hover.
The css above is making your mobile menu items spread out too much:

If that is what you mean then remove the line margin-top: 180px !important; from your css.

But the burger menu is still going to be over the page content and form because that is the design of the burger menu.
Please try to explain further and perhaps a screenshot would help.

Best regards,
Mike