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 Rikard
Well – I found out where Enfold places the tags.
They are situated in the bottom of a post under the possibility to send comments. I find it a bit strange, but anyway: They are actually displayed. So there is one issue less to solve.
Best regards,
Hanne
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 your understanding and using Enfold.
Best regards,
Mike
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
margin-right: 30px;
}
adjust to suit.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi,
Thank you for your patience, I see that your layerslider is based on the original slide from the original demo, since then the LayerSlider has been updated a lot. I was able to remove the 3D transition by changing the timing to zero on the first slide:

please clear your browser cache and check.
Best regards,
Mike
Hey Ivana,
That seems to be Javascript files with parameters attached to them, Enfold does not add that.
Best regards,
Rikard
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
I can’t see that element on my end, are you sure that it’s added by Enfold?
Best regards,
Rikard
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Thanks for the update, we’ll close this thread for now then. If you have further questions about CSP then please open a new thread.
Best regards,
Rikard
Hey NikitaGlas,
Are you using a caching plugin? If so, then please clear the cache or deactivate the plugin temporarily. You could also try to toggle the file compression options and activate the option to delete old CSS and JS files under Enfold->Performance.
Best regards,
Rikard
Still the same
Warning: fopen(/customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/uploads/dynamic_avia/avia-head-scripts-aab6b4df32cc048ee43a081a705e43c7—677a4516c02da.js): Failed to open stream: File too large in /customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/themes/enfold/framework/php/function-set-avia-backend.php on line 984
ok – dann geht es ja auch in deutsch.
Durch die optische Erhöhung des Headers ( du hast 100px eingestellt ) stimmt jetzt das padding-top von #main nicht mehr.
Um es wieder auf die korrekte Distanz zu bringen, kann man die neue Variable (–enfold-header-height) nutzen.
Leider kommt dann eine Farbe zum Vorschein, die über das hier gesetzt wurde (rhein_designer.css) :
bitte entfernen, oder eben die Farbe neu definieren – siehe unten
#main,
.avia-msie-8 .av_header_sticky_disabled#header {
background-color:var(--enfold-header-color-bg);
}
auch dein Hamburger Background sieht so aus. – schau mal ob es in den Enfold Optionen gesetzt wurde.
.html_header_top.html_header_sticky #top #main {
padding-top: calc(var(--enfold-header-height) + 100px) !important;
background-color: #FFF;
}
@media only screen and (max-width: 767px) {
.html_header_top.html_header_sticky #top #main {
padding-top: 100px !important;
}
.logo.avia-svg-logo svg {
top: 15px !important;
}
}
.html_header_top.html_header_sticky #top.page-id-28 #main {
background-color: #b3daa2;
}
#top .container_wrap {
border: none !important;
}
if this also works on mobile devices (I remember that it didn’t work with older browsers), then it is probably the best performing solution. Because a script solution would have to constantly query the screen width, which is why a “debounce and resize” function would have to be used for performance reasons. Enfold itself provides such a function. (Enfold’s debouncedresize function is a performance-optimized way to handle resize events without triggering excessive function calls)
function custom_logo_for_mobile(){
?>
<script>
(function($) {
function updateLogo() {
var $logo = $('.logo img'); // Select the logo image
var mobileLogo = "/wp-content/uploads/desert-tortoise-council-50th-ann-logo-hor.webp";
var defaultLogo = "/wp-content/uploads/desert-tortoise-council-50th-ann-logo.webp";
if ($(window).width() <= 1024) {
$logo.attr('src', mobileLogo); // Use mobile logo
} else {
$logo.attr('src', defaultLogo); // Use default logo
}
}
// Trigger logo update on debouncedresize
$(window).on('debouncedresize', function() {
updateLogo();
});
// Run logo update on initial load
$(document).ready(function() {
updateLogo();
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_for_mobile', 20 );
so this works too – but the srcset originally generated (during loading) remains and is then also displayed.
I don’t know how to change the srcset as well. If I switch off the responsive images under Performance, the change of logo images is also displayed at the frontend.
Günter! Thanks, once again, for all your work, time and attention to detail! — that quick and dirty css seems to do the trick — I’m surprised and a little embarrassed I didn’t try that myself! :). I’ve removed the snippets from my functions.php file. I wonder if anyone on the Enfold team would raise a flag on this method, or why I’m not finding it in their solutions / they seem to be promoting the php method.
Hi there :)
Just bought Enfold and love it !
I do have an issue with the logo on mobile.
On PC version I want some white space on top of the logo… did this by adding css
strong.logo img{
padding: 20px 0px;
}
.logo img { position: relative; top: 20px; }
But now my logo is not showing correctly on the mobile version. In addition to this I would love to have the logo a bit smaller on mobile….
Thank you so much in advance
Hey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.search.search-results .post-meta-infos,
.search.search-results .entry-content{
display: none;
}
Before:

After:

Best regards,
Mike
Hey Robert Simmons,
Thank you for your patience,
1: Our team spread throughout the world with different time zones, currently we don’t have a support agent in Austria, but the Dev Team is.
2: I don’t know about HPOS, but it looks like you only need to add this code to your functions.php file:
add_action('before_woocommerce_init', function(){
if ( class_exists( \Automattic\WooCommerce\Utilities\FeaturesUtil::class ) ) {
\Automattic\WooCommerce\Utilities\FeaturesUtil::declare_compatibility( 'custom_order_tables', __FILE__, true );
}
});
I have not tested.
3: The plugin Events Calendar should work, but the layout will be a little different, please see this example, I don’t have a way to test Event Tickets Plus or WooCommerce Product Table from Barn2, this is a third party plugin and sometimes they have issues.
4: We update as needed, we updated 14 times last year, see the dates here
5: The Dev Team has maintained backward compatibility with each update, and try to balance it with the issue, for example, if the issue is with a specific plugin or customization it may be a one-off fix, if it is with a major issue we may offer a one-off fix to help with the Dev Team reviewing a permanent fix.
6: Enfold can not import WPBakery Builder nor is WPBakery Builder compatible with Enfold’s builder. You will most likely need to recreate your site from scratch. Plain WP posts with no WPBakery Builder elements can be imported can continue to use the WP builder.
7: same as above.
8: we don’t have a pulbic road map, but you can see the Feature Requests that the team is working on here.
I looked at your site and you should be able to recreate it with Enfold, but the layout may be a little different, please see some of our examples here. I hope that this helps.
Best regards,
Mike
Hi,
Glad that this is working for you, but since each row is independent of each other, you can not set which row a element will show in from a different element.
The independent elements, or rows, do not control any preceding elements, or rows.
I hope that I am explaining this well.
As I pointed out this is achievable with javascript, but since you want your client to adjust this in the future, they probably will need your help to adjust in the future.
If you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Best regards,
Mike
Found the problem. I looked at the error messages you reference in Dev Tools on Edit Page and noted they were in one part caused by “unsafe-eval is not an allowed source of script in the following Content Security Policy directive”. If I remove all the Content Security Policy directives from .htaccess, Easy Slider works again. (I only added the CSP stuff initially a month or so ago and have not had need to edit Easy Slider until now.)
Thing is I was using the directives @Ismael suggested in this thread: https://kriesi.at/support/topic/wordpress-enfold-and-content-security-headers/ and there is no mention of unsafe-eval.
I confess to not really understanding all this CSP stuff and whilst I want the site secure it seems every time I tweak the CSP something else breaks, like Easy Slider. I note that @Guenni007’s last post indicates possible issues with LayerSlider re. CSP settings.
Bizarrely, when I remove the CSP directives, Lighthouse still gives me a 100 score for Best Practices with a note of “No CSP found in enforcement mode.”
So I guess we can close this thread – but how do we address the CSP problem? Can you work on a definitive set of CSP directives that are fully compliant with all elements of Enfold?
This reply has been marked as private.
Hey henningjeppesen,
Please try to toggle the file compression options under Enfold->Performance, and activate the option to delete old CSS and JS files on the same page to see if that helps.
Best regards,
Rikard
Hi’
Got this failure
Warning: fopen(/customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/uploads/dynamic_avia/avia-head-scripts-aab6b4df32cc048ee43a081a705e43c7—6778eea7bd330.js): Failed to open stream: File too large in /customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/themes/enfold/framework/php/function-set-avia-backend.php on line 984
Hi’
I get this error
Warning: fopen(/customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/uploads/dynamic_avia/avia-head-scripts-aab6b4df32cc048ee43a081a705e43c7—6778eea7bd330.js): Failed to open stream: File too large in /customers/2/d/9/sif-assentoft.dk/httpd.www/wp-content/themes/enfold/framework/php/function-set-avia-backend.php on line 984
The site opens and show, but we have this fail on fisrt line
Hello,
I have a problem with the AVIA element ‘Gallery’. There is the possibility to add a ‘custom link’ to each gallery image. I assume it is a core function of WordPress, similar to image title or image attribute and not a special enfold function. There I added a link to Youtube for my first image. All other images in the gallery have this field empty. I only need it for image 1 of the gallery. If I now click on the image in the gallery in the frontend, I am not redirected to my YouTube link, but the image opens in the lightbox. Can you please help me to find the solution?

I added the link to my website and WP admin access under ‘Private Content’. I use the latest version of WordPress and Enfold and all plugins are up to date.
Best regards,
Marcel
i’m participant as you are- so no private content is readable for me.
But maybe it is enough to see the single frontend page.
btw. as an interim solution, you can use the Quick CSS rule:
#top #footer-page .av-section-color-overlay {
opacity: 0.5;
background-color: #185cc5;
}
PS : what if you just go to enfold footer settings and remove the settings on “Default Footer & Socket Settings” to default behaviour. Then open that page – edit – save – and switch then back to footer page setting.
but it does not belong to : madisonstudios.com ? with that enfold version 4.8
Thank you for the explanation @guenni007, I really appreciate. Thank you for asking @Rikard.
There is however something that either I do not quite understand or is not working as expected on my computer (Mac on Safari):
If I go to your sample website, I never see any auto animation of the Icon Circles; I need to go there with my mouse, hover on one icon and I see the content, then nothing happens for the other icons; if I leave with the mouse the Circle, nothing happens, no animation starts.
I recorded the screen of my computer to show you what I mean:
Webertrial
The video you sent me of my homepage (https://webers-testseite.de/circle-rotator.mp4) works well, but I added the code you wrote in my Quick CSS and nothing happens. The only thing I get is that when I now hover over an icon, the content in the middle has a transparent background (which is actually great) and not the white background it had before. The transparent background is great now, but I can’t get any animation to work automatically, nor if I hover over an icon, then leave nothing happens; there is no effect like in the video you sent me of my homepage trial.
Here you see a screen recording of what I mean:
CristinaHome
So I’m not sure what I’m doing wrong.
Also, I do not have a child-them installed, I only use the main Enfold theme. Therefore, I haven’t put any code in the function.php file.
Hello, the embedded video on this page:
will not display in Safari for Mac. It displays in Chrome for Mac and on iOS Safari and Chrome.
As you can see on the page, I’ve embedded the video using both the “Code Block” tool and the “Video” tool. Neither of those display when using Safari for Mac. I’ve updated the Enfold theme, updated all plugins, cleared my Safari cache, and still no luck. Please help! I’ve shared the login info in the private content section.
Hey Martin,
Please try the following in Quick CSS under Enfold->General Styling:
.av-masonry-entry .av-masonry-entry-title {
font-size: 24px;
}
Best regards,
Rikard