Hi Enfold Team,
we’d like to get your feedback regarding the page structure and semantic markup used in our Enfold setup. An accessibility tool pointed out that our website lacks a <main> landmark, which is suboptimal in terms of both accessibility (screen reader navigation) and SEO.
Observation:
Currently, our page structure looks something like this:
——————-
<div class=”main”>
<!– content –>
</div>
————–
The accessibility tool reports that a semantic <main> element is missing, which is important for screen readers and search engines.
Question:
From your perspective, is there any reason not to change the markup to the following?
——————-
<main class=”main”>
<!– content –>
</main>
———————
Can you confirm whether this change is reasonable and compatible with Enfold, or is there anything we should be aware of before implementing it?
Thanks in advance,
Hello
I try to add a checkbox tho the checkout form of the woo commerce shop. The checkbox should indicate the consent to forward the email adress to the delivery service.
The site https://shop-en.sonnenmulde.at/kasse/ shows a nice checkout form and I only want to add a field there:
What I already tried:
Since it is apparently a block based component the classic checkout and adding a checkbox via functions.php did not work
I tried to use the custom blocks plugin which gets installed if I switch in enfold to the block based editor but this ruins the layout
I tried to create some javascript to inject the checkbox, which worked but I was not able to receive the value of it into my backend.
Any suggestions on how I can add a non mandatory checkbox to the checkout field and receive its value into the order backend ?
HI Guys,
I have tried to get this Favicon indexed for weeks, it is currently uploaded to appearance > customise area but also tried the Favicon in the Enfold settings and getting no joy whatsoever.
Can anyone advise please?
It displays when I am logged in but when and logged out in incognito but its not being picked up with Google
https://www.google.com/search?q=site%3Abanburyroofingandpaving.co.uk&oq=site%3Abanburyroofingandpaving.co.uk&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgYIARBFGDrSAQc5MjNqMGo0qAIAsAIA&sourceid=chrome&ie=UTF-8
Hi,
Thanks for the update. What you posted above is a PHP warning, and should not cause your site to crash:
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
Do you have more detailed error logs which you could share with us?
Best regards,
Rikard
Hey JoStudioDeRijp,
Thank you for the inquiry.
Make sure to set the page as the blog under Enfold > Theme Options > Where Do You Want To Display The Blog. Then increase the number of posts by adjusting the Settings > Reading > Blog pages show at most value. Let us know the result.
Best regards,
Ismael
Hello I need your assistance with changing the shape of the social media logos from rectangles to circles.
I went to the settings from Enfold, blog entries and I changed it there I noticed it changes for any new items I published but not on the current pages. I need the current pages to change the social media from rectangle to circles please.
Please help me change the profile from rectangles to circles please
-
This topic was modified 8 months, 1 week ago by
Rikard.
Hey idemadv,
Thank you for the inquiry.
This can be adjusted, but you’ll need to modify the file at themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php. Look for the code around line 1883 and replace main with div or section.
if( ! empty( $main_container ) )
{
$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );
$avia_section_markup = 'main';
}
Another option is to create a custom script that dynamically switches the main wrapper to another element or tag.
— https://stackoverflow.com/questions/918792/use-jquery-to-change-an-html-tag/20469901#20469901
Best regards,
Ismael
Hi,
Thank you for the inquiry.
On the “vereinsportal” site, the Enfold > General Styling > Socket > Socket Background Color is set to #11abd6, while on the other site it’s set to #109bc5. Please double-check the color values.
Best regards,
Ismael
Hey Loveronika,
Thank you for the inquiry.
Try to add this css code to adjust the size of the slider image.
@media only screen and (max-width: 489px) {
/* Add your Mobile Styles here */
.avia-slideshow li img {
width: 100%;
background-size: cover;
height: 300px;
object-fit: cover;
}
}
Please toggle or temporarily disable the Enfold > Performance > File Compression settings in order to make sure that the changes take effect.
Let us know the result.
Best regards,
Ismael
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