Hi,
Actually it is:

The extra space is not apart of the page, it’s because you don’t have enough content and the page is too short:

Change the height in your color section to 100% page height, instead of no height.

Best regards,
Mike

Hi,
I’m not seeing it, even on mobile.

Best regards,
Mike

Hi,
I have asked someone that I believe has access, and we will reply when we hear back. It might take a few days, so thanks for your patience.

Best regards,
Mike

Hey emilconsor,
Unfortunately supporting third-party plugins is beyond our scope, try disabling the plugin on the rare occasions that you need to edit the special headings.

Best regards,
Mike

Hi,
On desktop I see that you have three grid rows with a HR in between each of them. On mobile you have the three grid rows and HRs hidden, but since the HRs are after the grid rows they create a after_grid_row container which is not hidden.
Try this css to hide the containers on mobile.

@media only screen and (max-width: 479px) {
   .page-id-31 #after_grid_row_1,.page-id-31 #after_grid_row_2,.page-id-31 #after_grid_row_3 {
        display: none !important;
    }
} 

Best regards,
Mike

Hi,
When I check it looks like you removed the background image from the socket.

Best regards,
Mike

Hey Tilman,
You have a CORS error:

Access to font at 'https://auto-wulf.de/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello/entypo-fontello.woff' from origin 'https://www.auto-wulf.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

This is a www vs non-www mismatch issue. Even though it feels like the “same domain,” browsers treat auto-wulf.de and http://www.auto-wulf.de as two completely different origins.
Option 1 — Add CORS headers in .htaccess (easiest for Apache/WordPress)
Add this to your .htaccess file in the root of your site:

<FilesMatch "\.(woff|woff2|ttf|otf|eot|svg)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Option 2 — Redirect all non-www to www (recommended anyway)
This fixes the root cause by making sure all assets are always loaded from the same origin. Add to .htaccess:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^auto-wulf\.de [NC]
RewriteRule ^(.*)$ https://www.auto-wulf.de/$1 [R=301,L] 

You can edit .htaccess via FTP/SFTP or through your hosting control panel’s file manager.

Best regards,
Mike

Hey Antonio,
Use the Use first slides caption as permanent caption option.

Best regards,
Mike

Hey mjrielly,
Typically the solution is to apply css height so all of the testimony slides will have the same height, and also calculate the needed height for each screen size. The following javascript will do this automatically for you. Add the following code to your child theme functions.php file. If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the following code and save.

function equalise_testimonial_heights() { ?>
  <script>
(function () {

  function equaliseTestimonialHeights() {

    const row = document.querySelector('.avia-testimonial-row');
    if (!row) return;

    const slides = row.querySelectorAll('.avia-testimonial');
    if (!slides.length) return;

    slides.forEach(function (slide) {
      slide.style.height = '';
    });

    let maxHeight = 0;
    slides.forEach(function (slide) {
      const h = slide.offsetHeight;
      if (h > maxHeight) maxHeight = h;
    });

    slides.forEach(function (slide) {
      slide.style.height = maxHeight + 'px';
    });
  }

  function debounce(fn, delay) {
    let timer;
    return function () {
      clearTimeout(timer);
      timer = setTimeout(fn, delay);
    };
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', equaliseTestimonialHeights);
  } else {
    equaliseTestimonialHeights();
  }

  window.addEventListener('resize', debounce(equaliseTestimonialHeights, 150));

})();
</script>
  <?php
}
add_action( 'wp_footer', 'equalise_testimonial_heights', 99 );

Best regards,
Mike

Hey newmediologo,
Try this css:

#menu-item-search a {
	z-index: 110;
  position: relative;
} 

Best regards,
Mike

Hey Tim,
Thanks for your patience, but the Dev Team doesn’t check here often, so I opened a feature request for you here:
https://github.com/KriesiMedia/Enfold-Feature-Requests/issues/152
Please feel free to add to it if you like, and check there for updates as it is reviewed. Otherwise the Dev Team may also reply here.

Best regards,
Mike

Hi,
Ok thanks @Guenni007, so @wesleyborgman note that with Guenni007’s example you will need to disable the Equal Height option in your columns.

Best regards,
Mike

Hi,
What I ment was that when the columns are set to equal height the dev structure changes and display:table; is used on the flex_column

Best regards,
Mike

Hi,
Thanks for the login, but is not a Admin account so we can’t see any theme setting or page elements. Please update the login to Admin.

Best regards,
Mike

Hi,
Try this css:

#top.page-id-19041 #main > .avia-section,
#top.page-id-19042 #main > .avia-section {
	z-index: 2;
  position: relative;
}
.html_entry_id_19041,
.html_entry_id_19042 {
	z-index: -1;
  position: relative;
} 

Then clear your cache.

Best regards,
Mike