Hey TOTL,
Thanks for the link to your page, I tried to create a test page on my demo for this and I notice that the google spreadsheet link is causing a few errors, first is a jQuery error for Syntax error, unrecognized expression: #gid=9882246?iframe=true this points to the link having a hashtag and question mark causes an error:

since the google link needs the hashtag and the lightbox needs the question mark, I don’t see a way around this. Javascript errors tend to spill down to other functions and scripts.
Once the google spreadsheet is loaded in the lightbox more errors occur about Refused to frame because an ancestor violates the following Content Security Policy directive

I have not seen this before.
So on my test page I uploaded a text document to my site and created a button with the custom class iframe-button and this code in a code block element:

<script>
(function($) {
$(".iframe-button").on('mousedown', function(e) {
        e.preventDefault();  
 $("html").css({'overflow-y':'hidden'});               
});
$('body').on('click', function() {
        setTimeout( function() {
          if($('.mfp-bg').length == 0) { 
            $('html').css({'overflow-y':'scroll'});
          }
        },500); 
});
}(jQuery)); 
</script>

and this solved the scrolling of the page for the first button.
But for the second button with the google spreadsheet link this didn’t help.
even adding the google spreadsheet as an iframe on another page and linking to that page in the button as the lightbox still scrolled.
Try taking a screenshot of the google spreadsheet and using that in the lightbox.

Best regards,
Mike

Hi,
Thanks for the feedback, I would recommend disabling your server cache first and/or any CDN cache, which might take a little time, to see the that was the issue, if this solves then see if you can exclude your shop pages /shop/ from the cache and if that also works that might be a solution.
Or you could disable your server cache and just use a good cache plugin instead.

Best regards,
Mike

Hey JoStudioDeRijp,
Thanks for the link to your site, Please try this code in the General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.html_stretched #wrap_all {
	background-color: #000;
}
}

Best regards,
Mike

Hi,
Try disabling the plugin, because the theme won’t change the image used, on my demo site with no plugins the color section uses the image I input, including .webp

Best regards,
Mike

Hi,
Yes, Enfold’s file compression is recommended by default.
But if you are using a caching plugin that in minifying css & js or a plugin like Autoptimize you may find that these plugins are minifying minified files and causing errors, if so try only using the plugin or the theme option.
If you are actively building your site and making a lot of changes daily, I recommend not using a caching plugin or the theme options so you can easily view your changes without needing to clear your cache. A good rule of thumb is to build your site first, then work on the optimization of it (speed & caching).
I believe your question is related to Ismael’s comment about toggling the File Compression to clear the theme cache, I believe he was suggesting this because often if this is enabled toggling will help.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
That was a little trickier than it might seem, but I sorted it out with this css that I added for you, please clear your browser cache and check.

.js_active .tab:not(.active_tab) {
    border-bottom: solid 1px #E0E0E0;
}
.js_active .tab.active_tab {
    border-bottom: solid 1px #fcfcfc !important; 
}

Best regards,
Mike

Hi,
Glad to hear, what is your next question?

Best regards,
Mike

Hey Jan,
Thank you for your patience, please include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hey nis59,
Thanks for your question, this is the correct link to download the demos and this is our documentation on How to manually import a theme demo.
The problem with OVH hosting is they have disabled the set_time_limit() function on their servers this function is used by WordPress so the import doesn’t time out, this is different than the current PHP run time limit. OVH also sets the Max input time as -1 this should be 180, in the past they have told customers that they will not change this, there is nothing we can do to correct that since it is the server settings causing the issue.
Yesterday an OVH customer in this thread installed the demo on their localhost and then cloned it to their OVH host, which so far seems to be the easiest solution for a OVH hosted site.

Best regards,
Mike

Hey BenjaminSpeedtsberg,
Thanks for your question, another member @thinkjarvis has written a couple of tutorial threads as I recall about how he achieved this but I can’t find them right now, he has a lot more experience with SEO and page speed than I, below I linked to his forum profile page, try reaching out to him and he can point you to his tutorials or advise you how to achieve this.

Best regards,
Mike

Hey Alwin,
Thanks for your question, webp images work fine as color section background colors, please see my test page below.
For the same top color section on my test page I added this css which hides the background image and allows the orange background color to show on mobile:

@media only screen and (max-width: 767px) { 
#av_section_1.avia-section {
	background-image: none;
}
}

If you have trouble with this css on your site please link to your test page so we can advise.

Best regards,
Mike

Hi,
Thank you for the login, indeed I was testing with the wrong element, so I update my test page and compared the difference between the button grid and the fullwidth button and found that the buttons_fullwidth.php was missing the link title attribute {$title_attr} on line 645:

I added this to your parent theme and now the title is showing.
But there was one issue on your site, when the button is clicked and the lightbox shows the image the title is not shown, but if you use the arrow to see the next image then the title is shown. I found that this was due to your custom script so I adjusted it to exclude the buttons, please test your buttons and the link on your site that the script should remove the titles from to ensure everything works correctly.
I will submit this to the Dev Team for their review and would expect this to be added to the next update.

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

Hey don_olli,
Thanks for the link to your page, in a previous thread I found that the following script would get the height of the iframe page and set the height on load, you will note the iframe code has a function for the height. Try adding this code in your code block element for the script and the iframe link.
This only works if the iframe is the same domain, otherwise you will get a CORs error.

<script type="text/javascript">
function calcHeight(iframeElement){
    var the_height=  iframeElement.contentWindow.document.body.scrollHeight;
    iframeElement.height=  the_height;
}
</script>
<iframe src="https://www.lsc-berlin.de/anmeldung/working_area/anmelden.php?turnier=2" onLoad="calcHeight(this);" frameborder="0" scrolling="no" width="100%" ></iframe>

Below I have linked to my test page of an iframe on my domain.
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