Hey,

Thank you for the update.

Sections disappearing from the page is usually caused by invalid html in one of the layout builder elements. If any Text Block or Code element on the page contains an unclosed html tag or malformed markup, it can break the structure of the entire page and cause sections below it to collapse or disappear entirely.

Could you check if you have added any custom html or script tags inside any of the elements on that page? If so, please make sure all tags are properly opened and closed. For example, a missing closing tag like div or section can silently break everything below it.

A quick way to test this is to temporarily disable elements one by one (starting from the top of the page) until the missing sections reappear. That will help narrow down which element is causing the issue.

If you are not sure where to start, please share your login credentials in the private field below and we will take a look directly.

Let us know the result.

Best regards,
Ismael

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

The update to 7.1.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,
When I check on my test site adding this to the top of my child theme, or parent right after if( ! defined( ‘ABSPATH’ ) ) { exit; } prevents entypo-fontello-enfold.woff2 from loading:

function avf_custom_font_display( $font_display, $font_name )
{
	if( 'entypo-fontello' == $font_name )
	{
		return 'swap';
	}

	return $font_display;
}

add_filter( 'avf_font_display', 'avf_custom_font_display', 10, 2 );

If you still have some css calling the entypo-fontello font, such as the submenu-indicator, you will need to override the css like this:

.html_av-submenu-hidden .av-submenu-indicator:before {
    content: ">";
    font-family: svg_entypo-fontello;
} 

Best regards,
Mike

Hi,
These two pages have different IDs, so use this css for all four pages:

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

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

Hi,
Sorry I was looking at the submenu dropdown. Try this css:

#top #av-custom-submenu-1.av-subnav-menu>li {
    width: 33%;
} 

Best regards,
Mike

Hey Michael F,
Try adding this css to your Quick CSS field:

#menu-item-2686 img {
	padding-top: 19px;
} 

Then clear your cache.

Best regards,
Mike

Hey GWS,
#text-20 is a search field, it has the class av-mini-hide so it will not show on small mobile devices.
Try adding this css to show it:

@media only screen and (max-width: 479px) {
.responsive.av-no-preview #top #wrap_all #text-20 .av-mini-hide {
	display: block;
}
} 

But you should review your css for the widgets as it is too general and places both of them in the same place:

@media screen and (max-width: 1024px) {
    #header .widget {
        left: 20%;
        position: absolute;
        top: 50px;
        transform: translate(-20%);
        z-index: 999;
    }
} 

Try making two css rules for each widget so they will not overlap
#header #text-19.widget
#header #text-20.widget
On the other hand I don’t see the point of showing the search field on mobile when the search icon is already showing.
Instead of in the header it might be better just above the Latest Articles title.

Best regards,
Mike

Hi,
This is a sidebar widget:

You can remove the widget shortcode or use this css to hide it:

.single-product .sidebar #block-7 {
	display: none;
} 

Let us know if this helps, if you have any further questions please open a new thread and we will try to help, we ask that each thread stays on one topic to be easier for everyone.

Best regards,
Mike

Hi,
We have seen a couple of claims from COPYTRACK on behalf of genious2000de, the author of the image that you linked to. Who is claiming the same images that we own extended licenses for, by the user francesco83 from 2014
Perhaps these are the same person, we are not sure. Kriesi states that his extended license allows end users to use the images in the theme, but not outside the theme. Please see these threads.

This seems shady, perhaps your best course of action would be to follow Ismael’s advice and use a royalty-free image or create one with AI which can not have a claim against them. Double check your local laws though, we can not offer legal advice.
https://www.reuters.com/world/us/us-appeals-court-rejects-copyrights-ai-generated-art-lacking-human-creator-2025-03-18/
Hope that this helps.

Best regards,
Mike

Hi,
Perhaps if you want the logo just a little bigger and don’t mind the header to be a little bigger, then this css may help.

@media only screen and (min-width: 768px) {
    #top #menu-item-logo svg, #top #menu-item-logo img {
    max-height: 150px;
    }
    .html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container,.html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a {
    height: 150px;
    line-height: 150px;
    }
} 

https://postimg.cc/0bp4h1jM

Best regards,
Mike

Hi,

Thank you for the inquiry.

Regarding the logo shrinking on smaller screens and the burger menu/search icon overlapping, you can add the following css to Enfold > General Styling > Quick CSS field:

@media only screen and (max-width: 1290px) {
  .responsive #top .logo img {
    max-width: 62%;
  }

  #avia-menu {
    margin-right: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top .logo img {
    max-width: 35%;
  }
}

Adjust the max-width value as needed to fit your logo within the header. Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael

Hey bemodesign,
Try this css:

@media only screen and (max-width: 767px) {
    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
        font-size: 22px;
    }
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li,.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
    line-height: 1em;
		}
		.responsive #top #wrap_all #av-burger-menu-ul li {
    font-size: 22px !important;
		}
} 

Adjust to suit.
As for your anchor link, the ID #book-call is in the second section column with the title “Free 15-Minute…” if you want the first section title “CONTACT BEMO DESIGN” to show, then move the ID to that section.

Best regards,
Mike

Hey waveseven,
Please see these threads:

If neither of these work for you, please link to your site.

Best regards,
Mike