if you have set this filter:
add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );
The body does not scroll away on opened lightbox
To prevent the background from scrolling when the lightbox is open, enfold sets to the html elment an overflow: hidden.
Enfold also considers the scroll bar, which disappears, and added a margin-right of 15px (15px–17px is a common scroll bar width).
However, since the fixed header is virtually taken out of the DOM flow, it appears to widen. This causes the navigation to jump slightly when opening and closing the lightbox.
Unfortunately, no additional class is added to HTML when the lightbox is open (e.g., “lightbox-active”), so I use the now-widespread pseudo-class selector “has” to compensate for this.
html.av-default-lightbox-no-scroll body:has(.mfp-wrap) #header.av_header_sticky {
width: calc(100% - 15px);
}

Hi @enfold!
if you look at this portfolio raster https://boetz-kresse.de/rezepte/ you see that the length of the text destroys the layout. where can i do setting to make the size of each portfolio equal?
Thanks for your support!
Michael F.
This reply has been marked as private.
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 ORC,
Point A:
The misaligned datepicker in the footer is not from the theme but from jQuery UI, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#ui-datepicker-div {
display: none;
}
After applying the css, please clear your browser cache and check.
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
Nach dem Update von Enfold erscheint folgender PHP-Fehler im Frontend und/oder Backend und nach Aktivierung von WP Rocket kam es zu einem Error 500.
Nach einer Analyse mit Hilfe v. ChatGPT (sorry, hab nur eingeschränkte php-Kenntnisse) kam die KI zu diesem Schluss:
Warning: Trying to access array offset on value of type null in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/helper-templates/function-set-avia-frontend.php on line [XY]
Ursache:
In der Funktion avia_get_option() wird folgender Code ausgeführt:
$pages[] = 'avia';
$pages = array_unique( array_merge( $pages, array_keys( $avia->options ) ) );
Wenn $avia->options nicht gesetzt oder null ist, erzeugt array_keys( $avia->options ) eine PHP-Warning.
Lösungsvorschlag:
Absicherung der Zeile, z.B. so:
$pages[] = 'avia';
if ( isset( $avia->options ) && is_array( $avia->options ) ) {
$pages = array_unique( array_merge( $pages, array_keys( $avia->options ) ) );
}
So wird der Fehler zuverlässig vermieden, auch wenn $avia->options noch nicht initialisiert wurde.
System:
Enfold Version: 7.1.1
WP Rocket:
PHP Version: 8.2.28
Hosting: Hetzner
Um den Error 500 und die auftretenden PHP-Warnungen in Verbindung mit Enfold zu identifizieren, haben wir folgende Schritte unternommen:
1. WP_DEBUG aktiviert: Fehlerausgabe und Logging wurden aktiviert, um detaillierte Fehlermeldungen zu erhalten.
2. PHP-Log geprüft: Im Error-Log wurde die Warnung „Trying to access array offset on value of type null“ in der Datei function-set-avia-frontend.php gefunden.
3. Object Cache geprüft: Im Hetzner-Webhosting wurde überprüft, ob Redis oder Memcached aktiv sind. Redis war aktiviert, wurde aber testweise deaktiviert. Das Problem bestand weiterhin.
4. Theme-Tests: Das Enfold-Theme und das Enfold-Child-Theme wurden einzeln getestet. Der Error 500 blieb bestehen, unabhängig vom Theme.
5. Kritische Theme-Datei überprüft: Die Datei function-set-avia-frontend.php wurde gezielt untersucht und der problematische Quellcode identifiziert.
6. Optionen im Backend geprüft: Es wurde geprüft, ob veraltete oder ungültige Optionen (z. B. durch Caching) eine Rolle spielen könnten.
Diese gezielten Analysen führten letztlich zur Identifikation des fehlerhaften Codes in der Theme-Funktion.
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,
If you want the font to be 200px and the menu items closer and to the left, try this CSS in your <strong style=’color:#000′>Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #av-burger-menu-ul {
text-align: left;
padding-left: 20px !important;
}
.html_av-overlay-full #av-burger-menu-ul li {
padding: 10px;
}
#top #wrap_all #av-burger-menu-ul li {
font-size: 200px;
}
After applying the css, please clear your browser cache and check.

Best regards,
Mike
Hey cnpetr,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.mfp-iframe-scaler {
height: 90vh !important;
}
feel free to adjust to suit.
Best regards,
Mike
Hello! I have a button that opens a lightbox with a contact form within. It looks okay in desktop but in mobile the lightbox cuts off the form. I used the instructions on the button open lightbox documentation (below). No other css or theme file updates made. Is there a way to show the form at full height?
https://kriesi.at/documentation/enfold/button/
Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
Thanks for sharing Guenni007, perhaps someone will find this helpful.
@shop802 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,
Great, I’m glad that @guenni007 could help you out :-)
Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey shop802,
Try adding this code instead to the end of your child theme functions.php file in Appearance ▸ Editor:
function my_datepicker_limits() {
?>
<script type="text/javascript">
jQuery(document).ready(function($){
// Use a short delay to wait for Enfold to initialize the datepicker
setTimeout(function() {
var $dateField = $('.avia_datepicker'); // Adjust this if needed
if ($dateField.length && $dateField.data('datepicker')) {
$dateField.datepicker('option', {
minDate: new Date(2025, 7, 8), // August 8, 2025
maxDate: new Date(2025, 7, 18) // August 18, 2025
});
} else {
console.warn("Datepicker not initialized or selector not found.");
}
}, 500); // delay to allow Enfold scripts to finish
});
</script>
<?php
}
add_action('wp_footer', 'my_datepicker_limits', 30);

Best regards,
Mike
Hi Guenni,
We always knew you really knew Enfold inside and out. And that’s really good.
Thanks for the help. This post can be closed.
Regards
Biggy
I need to update Endold on the site http://www.esina.it
I bought the latest version of the theme
when I install it and replace it with the previous one, the slide disappears, the order of the shop changes, the mobile version menu does not work and the “Services” disappear on the home page.
I absolutely have to restore it otherwise the e-commerce sales will be blocked. Please help me.
Sorry might explain wrongly… in the last reply that we made, we were just looking for the classic way that enfold child has to show up who created the post (author)with a small picture, linking to his ¨info¨. We tried Enfold > Blog Layout > Single post Option > Single post style > Multi Author Blog, but this was showing nothing into the post or the page with all posts.
Hey Oriano,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter('avf_title_args', 'remove_blog_prefix_from_title', 10, 2);
function remove_blog_prefix_from_title($title, $id = null) {
if (is_single() && strpos($title['title'], 'Blog -') === 0) {
// Remove "Blog -" prefix
$title['title'] = trim(str_replace('Blog -', '', $title['title']));
}
return $title;
}
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:

and ensure that it is activated, then add the above code and save.
Best regards,
Mike
Thanks, Guenni,
The issue is that the buttons in Enfold don’t meet the WCAG standard for keyboard accessibility. We do meet the 4:1 contrast ratio requirement, and we also tested black and white. It’s 21:1, which is extreme. But when reading the page with the keyboard, the button doesn’t change, even though the focus-visible is set to !important in the CSS.
Regards
We also have been trying to use the theme option to show up the author and is not working for us.
We are just talking about showing author name, image and then click for the full info (the basic option). And this is not working
Hi Enfold, I have a question about the blog on this website: https://glazuur.com/blog/
I want the blogs all on 1 page, and also not more than 12 blogs. So that the older posts automaticly dissapear when a new one is made.
The website is made with a demo and I do not know where to change this.
Can you help me with it? I hope so!
Kind regards, Jolanda, JoStudio
take a look at the rules for the hover state and apply them to the focus-visible state.
f.e.: on that page here – the first button on top: https://kriesi.at/themes/enfold-overview/
Add inside dev tools the css to see what i mean.
.avia-button.avia-color-light:focus-visible {
opacity: 0.7;
transition: all 0.4s ease-in-out;
}
.av-icon-on-hover:focus-visible .avia_button_icon {
width: 1.5em;
opacity: 1;
}
the focus-visible state ( or focus-within too ) do not influence a clicked or hover state.
This means that normal navigation is not affected, contrary to the focus state.
Hi,
Thank you for the update.
1.) Try adjusting the top margin of the button layer.
2.) Apply a minimum height to one of the main layers, or go to Project Settings > Layout > Layout Settings > Canvas Height and adjust the value.
3.) Apply a Custom CSS Class name to the element and replace the generic selector with it. You can follow this guide: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
Hi,
Thank you for the updat.e
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings. If it’s still not working, provide the login details in the private field so we can test the modification.
Best regards,
Ismael
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,
Great, I’m glad that we could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Thank you for giving it a try. Very interesting. In my installations there is the following CSS:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 1;
}
}
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub {
display: none;
}
}
Don’t know where it comes from. The first shows the normal logo, the second hides the alternate version below 990px. That’s exactly the error.
In your installation it is like that:
#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 0;
}
.av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
opacity: 1;
}
No query whatsoever. But the CSS above is not from me. It has to be from Enfold.
Your test is: Logo in backend, alternate logo in backend, code from above in functions, page set to “transparent header” – correct?
Hey irene,
Could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 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