or a little more elegant:
#top #header:not(.header-scrolled-full) #header_main {
box-shadow: none;
}
#header_main:before {
content: "";
position: absolute;
left: 0;
top: calc(var(--enfold-header-height) - 150px);
width: 100%;
height: 200px;
background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iRHJlaS1MaW5pZW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAwIDE4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjOTQxMDA5OwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBmaWxsOiAjZWZhNDBiOwogICAgICB9CgogICAgICAuc3QyIHsKICAgICAgICBmaWxsOiAjMDA4MGEyOwogICAgICB9CiAgICA8L3N0eWxlPgoKICA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjE0Ljg4NSw2My44MzVjLTEwNS4xNzksMjUuNTMxLTI2NC44MDQsNTUuOTY1LTQyNy45NTQsNTUuOTY1LTEwMi4xMjcsMC0xNjAuOTctMTcuODkxLTE4Ni45MzEtMjguNTI5djE0Ljk5MWMyNS45NiwxMC42MzcsODQuODA0LDI4LjUyOSwxODYuOTMxLDI4LjUyOSwxNjMuMTUsMCwzMjIuNzc1LTMwLjQzNCw0MjcuOTU0LTU1Ljk2NSw5NS42MjYtMjMuMjEyLDE2NC43ODItNDYuNjc5LDE4NS4xMTUtNTMuODM1di0xNC45OTFjLTIwLjMzMyw3LjE1NS04OS40ODksMzAuNjIyLTE4NS4xMTUsNTMuODM1WiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MTQuODg1LDc4LjgyNWMtMTA1LjE3OSwyNS41MzEtMjY0LjgwNCw1NS45NjUtNDI3Ljk1NCw1NS45NjUtMTAyLjEyNywwLTE2MC45Ny0xNy44OTEtMTg2LjkzMS0yOC41Mjl2MTQuOTljMjUuOTYsMTAuNjM3LDg0LjgwNCwyOC41MjksMTg2LjkzMSwyOC41MjksMTYzLjE1LDAsMzIyLjc3NS0zMC40MzQsNDI3Ljk1NC01NS45NjUsOTUuNjI2LTIzLjIxMiwxNjQuNzgyLTQ2LjY3OSwxODUuMTE1LTUzLjgzNXYtMTQuOTljLTIwLjMzMyw3LjE1NS04OS40ODksMzAuNjIyLTE4NS4xMTUsNTMuODM1WiIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDAsMzkuOTgxYy0yMC4zMzMsNy4xNTUtODkuNDg5LDMwLjYyMi0xODUuMTE1LDUzLjgzNS0xMDUuMTc5LDI1LjUzMS0yNjQuODA0LDU1Ljk2NS00MjcuOTU0LDU1Ljk2NS0xMDIuMTI3LDAtMTYwLjk3LTE3Ljg5MS0xODYuOTMxLTI4LjUyOXYxNy4zMjZjMzAuMDc1LDExLjQ0Miw4OS4yMjgsMjcuMjAyLDE4Ni45MzEsMjcuMjAyLDE2NC44MjUsMCwzMjUuODg0LTMwLjcxMiw0MzEuOTcyLTU2LjQ3Niw4OS4wNC0yMS42MjQsMTU1LjM3LTQzLjQ5MiwxODEuMDk4LTUyLjM4MXYtMTYuOTQzWiIvPgo8L3N2Zz4=");
background-size: 100% 100%;
transition: opacity 1s ease-in-out;
}
#top #header.header-scrolled #header_main:before {
opacity: 0;
}
svg with more convex look.
Hi Ismael
I have already tried deactivating all plugins. So with no plugins activated, uploading one 50KB webp file it took 58 seconds. If I then deactivate Enfold and just use the 2025 theme. the same file only takes about 1 seconds. I am on 145 MB/s broadband speed with 30MB/s upload.
So it only seems to be when Enfold is activated
Regards
Colin
Hi,
The column animations can be disabled under the Advanced > Animation tab. We created a copy of the home page, disabled all animations and added the following filter using the Code Snippets plugin (named “Enfold Header Scroll Offset”). This resolved the scroll issue.
Please make sure to purge the cache before checking the page (see private field).
function avf_header_setting_filter_mod($header) {
$header['header_scroll_offset'] = $header['header_scroll_offset'] + 200;
return $header;
}
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
Best regards,
Ismael
Hey PhatJ,
Thank you for the inquiry.
Try to add a Custom CSS Class name (e.g., av-video-section-control) to the Color Section element by going to Advanced > Developer Settings, then add the following code to the functions.php file to pause the video on the last frame and prevent it from restarting.
function av_custom_script() {
?>
<script>
document.addEventListener("DOMContentLoaded", function () {
const videos = document.querySelectorAll(".av-video-section-control video");
videos.forEach(function(video) {
video.removeAttribute("loop");
video.addEventListener("ended", function () {
video.currentTime = video.duration;
video.pause();
});
});
});
</script>
<?php
}
add_action('wp_footer', 'av_custom_script');
This should help: https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael
Hey, sorry to ask about a plugin (The Events Calendar), but I’m trying to get the Subscribe to Calendar dropdown at the bottom of https://nlsladev.wpengine.com/services/workshops/ to show in full, without getting cut off at the bottom. I was able to get it to show on desktop by removing the padding in the list items, but it’s still getting cut off on the phone. I tried switching to Twenty Twenty and it looks like opening that drop pushes down whatever content’s below it, so the full dropdown shows. Any idea how I might get the full dropdown to show (even on the phone) in Enfold? Thanks and lmk if you have any questions.
Hi,
Thanks for the clarification. There’s nothing in the theme which would make random changes to the content on your site, so I don’t think that this is theme related. Does the same thing happen if copy all the content to a different page? If you want to see the Layout Builder content in order to copy it, then you can activate debug mode under Enfold->Layout Builder->Show Advanced Options.
Best regards,
Rikard
Hi
I have noticed that when using Enfold the image upload time is ridiculously slow. e.g 13 minutes to upload 3MBs of small webp images
We have turned off all plug-ins and just activated the enfold theme. not the child theme. and it is so slow. Our client has been complaining about this for a while now. If we activate the 2025 theme only its very fast.
Here is a screen recording of the upload issue
I have tried reloading Enfold via FTP but the problem persists. Do you know what is causing this and is there a fix for this?
Many Thanks
Regards
Colin
HI
On the site below, some of the content disappears after loading on all the pages, and on mobile it disappears and the menu is not working. I saw this happening on safari where there is a known issue, but now it’s on all browsers. I just deleted a cookiebot account on the site, and am trying to use enfold cookie consent, but it isn’t working consistently. It looks like the cookiebot is still trying to load.
Can you see what’s happening on this site?
I just disabled a popup that was on the site and now the content loads, disappears, and loads again. The cookie consent is not showing up.
Something is still off.
thanks
Nancy
-
This topic was modified 6 days, 8 hours ago by
Munford.
-
This topic was modified 6 days, 7 hours ago by
Munford.
Hi,
Great, I’m glad that Mike could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Thank you for the update.
You can assign a Custom CSS Class name to the element and use it instead of the default unique identifier or selector (.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44). Please refer to the documentation below for more info.
— https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael
Hi,
Sorry for the late reply. Seems to be a problem with
….\enfold\js\aviapopup\jquery.magnific-popup.min.js
I do not want to mess around. Can you please rename the unminified file
…\enfold\js\aviapopup\jquery.magnific-popup.js
So we can get closer info which object is the problem.
Thank you in advance.
Best regards,
Günter
Hey jehanzeb220,
Please follow this: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hello dear Enfold Support Team,
on our redesign page (http://neu2025.dc-gmbh.com/#service we have three text boxes that are animated and move upwards while scrolling.
The problem: these boxes slide underneath the large video from the first section, so that the content is partially hidden and not visible (see attached screenshot).
My question: how can I adjust the settings (e.g. with z-index or CSS) so that the animated boxes are displayed correctly above the video and remain visible while scrolling?
Thank you very much in advance for your support!
Best regards,
Diana
Hello dear Enfold Support Team,
I am currently working on the redesign of the website http://neu2025.dc-gmbh.com/ and have placed the social media icons in the top bar.
However, these icons are separated by white vertical divider lines.
Unfortunately, I couldn’t find any option in the backend or in the advanced CSS settings to remove these lines.
Could you please help me with how to disable or remove these dividers in the top bar?
Thank you very much for your support!
Best regards,
Diana
Hey lpeyton2,
Thank you for the inquiry.
Did you install any cache or compression plugins? Please try temporarily disabling the Enfold > Performance > File Compression settings if other compression options are enabled, either in a caching plugin or a dedicated compression plugin. Let us know the results.
Also, where is the site hosted? It’s possible that a caching mechanism is enabled on your server, which might be causing the issue. Please contact your hosting provider for additional information.
Best regards,
Ismael
Hi support.
I have noticed this error over a few of my sites in that I am unable to proceed further onto PHP 8.x – I am upgrading from v 7.4
In the last attempt, the site is completely up to date (theme, plugins etc. ) with the usual error returned:
Your PHP installation appears to be missing the MySQL extension which is required by WordPress.
Please check that the mysqli PHP extension is installed and enabled.
If you are unsure what these terms mean you should probably contact your host. If you still need help you can always visit the WordPress support forums.
Could you tell me how I am to proceed to rectify this? Is this something my host needs to look at or is it something in the WordPress Core or Enfold theme?
Cheers
John
Hi Enfold team,
I can’t figure this out.
on this website: https://activedog.org/ when you look at it on your phone. the logo is large at first and then after you scrolled it gets the size I would like it to be.
Also on desktop I turned of let header adjust to the window size but it looks like its not taking.
what did I do wrong?
Thanks
Tina
Hey ehcarlson,
The update to 7.1.2 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,
As the title suggest, we need to update an older site which is on v4.2.6
How do you suggest we perform the updates?
Is it possible to load 4.7 first and then update to the latest version?
Thanks
Rachael WeissenburgerGuest
My website design is missing the add new plugins
Hey Celeste,
I see that you are running an old version of the theme, could you try to update to the latest version (7.1.2) to see if that helps please? The update to 7.1.2 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
Hey Kern,
Thanks for reaching out to us. We cannot say if you will have problems after updating to the latest version, since we don’t know what has been added to your child theme. I would suggest that you update the parent first of all, then try to activate the child after to see what happens.
The update to 7.1.2 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
Celeste SeahGuest
Hi Enfold Support Team,
I am currently using the Enfold theme for my WordPress website, but I am experiencing issues with editing. The editor does not allow me to update or make changes to the pages (edit does not show up on the website). I’ve tried updating other sections of the site as well, but the problem persists, and in some cases, parts of the layout even got messed up.
Could you please advise me on how to resolve this issue?
Thank you for your assistance.
KernGuest
Für unsere Homepage (WP 6.8.2, strahlenhterapie-augsburg.de) hat vor vielen Jahren “fizzy mint” ein Theme auf Basis von Enfold Version: 4.0.7 erstellt.
Die alte Enfold Version verhindert leider ein Update auf PHP 8.
Kann ich davon ausgehen, dass die neue Enfold Version abwärtskompatibel ist und mit dem alten „child-Theme“ funktioniert?
Eine „Regular License“ dürfte genügen, oder?
Gerne kann ich Ihnen das Child Theme zusenden.
on google ratings:
.ti-next:before,
.ti-prev:before {
display: none !important;
}
.ti-next:after,
.ti-prev:after {
display: flex;
position: absolute;
justify-content: center;
align-content: center;
align-items: center;
width: 100%;
height: 100%;
border-radius: 100%;
transition: all 200ms ease-out;
font-size: 24px;
font-family: "entypo-fontello";
color: var(--enfold-header-color-color);
}
.ti-prev:after {
content: "\E874" !important;
}
.ti-next:after {
content: "\E875" !important;
}
.ti-prev:hover:after,
.ti-next:hover:after{
color: #FFF !important;
background-color: var(--enfold-header-color-color);
}
philippe gigonGuest
Hi. On my old worpress, I have the Enfold Theme 4.5.4 and I don’t have anymore the login/pwd for enfold site. But I have the ThemeForest user name and the old key that was used for theme updating. Is it possible to get a new key to update the theme ? Thank you. Philippe
are these icons – enfold mangaged icons?
Or do they belong to your carousel plugin or instagram plugin ;)

Hi,
I know how to fix it by myself via js.
This feedback comes from an accessibility testing company, and they flagged it as an issue. I’m just passing their feedback on to you for free, so you can consider implementing it directly into the core. That way, Enfold can become accessibility-compliant out of the box.
All the best,
Patrick
Gregory BeylerianGuest
Hi , I have been a longtime user of Enfold Theme (11 years) and have just one question I would like to post in the forum. I asked this question in the past but still not resolved.
Essentially, I do not want the cropped feature image to be present on the blog post page.
Here is the example: https://epostle.net/sunday-expressions-premieres-with-fr-vazken
I am OK, to pay for support which I have done many times before or if you have a simple solution, I would appreciate that.
Thanks,
Gregory
Gregory BeylerianGuest
Hi , I have been a longtime user of Enfold Theme (11 years) and have just one question I would like to post in the forum. I asked this question in the past but still not resolved.
Essentially, I do not want the cropped feature image to be present on the blog post page.
Here is the example: https://epostle.net/sunday-expressions-premieres-with-fr-vazken
I am OK, to pay for support which I have done many times before or if you have a simple solution, I would appreciate that.
Thanks,
Gregory