I was working in my website and all of a sudden the full-width easy slider and partner/logo element disappeared at the same time. I’m using the most current version of Enfold 5.66. Everything else is as it was, working perfectly. I’m not sure what happened. I deactivated the two plugins and tested them, with no change. Please help. This is supposed to go live tomorrow!
Hi,
Thanks for your question, for mobile to have the Lottie animation play only once whe it comes into the viewpoint, try adjusting the player settings like this:

I have tested this on my test site and it works correct as long as you have some content before the file so scrolling is needed to view the file:

that play on hover won’t work for mobile devices because they don’t have a hover state.
Please give this a try.
Best regards,
Mike
Hi,
To correct this try changing the menu width from 14.25% to 13.25% and the padding from zero to 10px left and right. originally I set the padding to zero so you could have a larger font, so by adding the padding below 992px you will need to also reduce the font size so “Get Involved” will fit on one line. It looks like a font size of 14px will fit.
Please try making this adjustment, or adjusting slightly more. Otherwise feel free to include an admin login in the Private Content area below.


Best regards,
Mike
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) and (max-width: 990px) {
#buttonbottom {
position: absolute;
bottom: 28px;
left: 22%;
}
}
Best regards,
Rikard
Hey Lene,
Please try the following in Quick CSS under Enfold->General Styling:
#main a {
text-decoration: underline;
color: #444;
}
Best regards,
Rikard
Hi,
Thanks for that. You might have to deactivate the CSS file compression option under Enfold->Performance in order to see the changes in your child themes style sheet. I did that for you, and changes are reflecting after that. Please review your site.
Best regards,
Rikard
Hi Enfold team
Please could you help me out with an css-code for text being underlined when linked:
The underlinement should only be adjusted for:
Content elements
– Body text
– Accordion
– clickable links like phone numbers and e-mail in footer
The underlinement should be:
Font colour: #444444
Underline: #444444
Active: Underlined
Mouseover:: Underlined
There is already this css inserted, but it needs rewrite:
#top p > a:hover {
text-decoration: underline;
}
Many thanks’
Best regards
Lene
Hi,
Glad Ismael could 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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .avia-team-member .team-img-container {
border-radius: 0;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
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 diogovareta ,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (min-width:479px) {
.home #av-masonry-1.av-large-gap .av-masonry-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 24px;
}
.home #av-masonry-1.av-large-gap .av-masonry-container a.av-masonry-entry {
position: static !important;
width: 100%;
}
.home #av-masonry-1.av-large-gap .av-masonry-container > div.av-masonry-entry {
display: none;
}
}
Hope it helps.
Best regards,
Nikko
Hi Sascha,
We’re happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hi CJGVD,
I’m glad that we could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.single-post .single-big a {
pointer-events: none;
}
Best regards,
Rikard
Hey cairns_nic,
There’s no difference in editing the demos compared to editing elements that you built yourself. What exactly are you looking to edit, and what problems are you having? I’m also not sure which issues you are referring to, please try to clarify that a bit.
You can copy content to new pages by copying the shortcode. If you want to do that, then you can activate debug mode under Enfold->Layout Builder->Show advanced options->Debug mode.
Best regards,
Rikard
Good morning Enfold
How do I make the header transparent on mobile?
Thanks ;)
Hey bbertuzzi7,
Thank you for the inquiry.
You can use a template hook to insert additional content in the product pages.
Example:
function ava_woocommerce_before_main_content() {
if ( is_product() ) {
echo do_shortcode('[av_breadcrumbs]');
}
}
add_action( 'woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 10 );
To insert the same submenu, you can extract the element’s shortcode and then use it as the value for the do_shortcode function above. First, to extract the shortcode, you need to set the builder to debug mode.
// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode
Once debug mode is enabled, you’ll find the shortcode field below the Advanced Layout Builder. Simply copy the submenu shortcode and paste it as the value for the do_shortcode function above.
Best regards,
Ismael
Hi,
Thank you for the update.
The current implementation of the privacy options are not extensible but if you want to know more how it works, you can find most of the code in the themes/enfold/js/avia-snippet-cookieconsent.js and the themes/enfold/includes/helper-privacy.php file.
Best regards,
Ismael
Hi pmphilipps ,
I’m glad to hear that it’s working fine now.
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hi MikeTandySwag,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#header_main .avia_mega_menu_columns_3 .sub-menu > li > a:hover >.avia-menu-text {
text-decoration: underline;
}
Hope it helps.
Best regards,
Nikko
Hey Elske Elisen,
Thanks for contacting us!
To remove the powered by Enfold theme, you can just write [nolink] after the copyright text, for example:
Copyright 2023 - ABC Company Inc. [nolink]
As for the option to login via WordPress, you should be able to login with the default link: http://www.yourwebsite.com/wp-login.php
Hope it helps.
Best regards,
Nikko
Hi marcheteatro,
Yes, unfortunately, it does not have any hooks, so you will need to change it manually:
Go to enfold/framework/php/widgets/widget-classes/class-avia-newsbox.php (line 392 in Enfold 5.6.6):
for ($i = 1; $i <= 20; $i++ )
Replace 20 with any number/integer you’d like to use.
Best regards,
Nikko
Hi WebbR,
Thanks as well for using Enfold and have a great day!
Best regards,
Nikko
Hi jb84,
This feature is not available on Enfold but the layout is similar to the hero section of our Enfold Parallax page: https://kriesi.at/themes/enfold-parallax/
I think the you can start by creating a Grid Row with 2 images in in each column then have some Text Block (for the links) which should be hidden when the column is not hovered.
You’ll need to use transform: translate to scale up the size of the image when hovered and a little bit of transition.
I hope it helps you to the right direction.
Best regards,
Nikko
Hi gfriend70,
I’m glad that you managed to find the option :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hey gfriend70,
Thank you for the inquiry.
This should be possible with the following css code.
@media only screen and (max-width: 768px) {
/* Add your Mobile Styles here */
#top #header_meta {
display: none;
}
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
Ismael
I have lazy load enabled in Enfold settings and in the Blog Posts Element. Page Speed Insights shows “Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.” But this is only the case for the mobile version.
The tested page is: https://gatehealing.com/counseling-austin-tx/parenting-family-counseling/
However, the same result happens on any page using the Blog Posts Element.
How do I fix this?
Thanks y’all,
Jon
Hi,
Are there any tutorial videos or docs on editing the Enfold landing page demo? I really like it but need to add more pages since my readymade site is much larger and requires more pages and a blog area. I’m not sure what the best solution is right now. Or would it be better to build my site using a different ready-made Enfold theme that’s multi page but edit it accordingly? Please advise, thanks.
Also, I have seen comments from people trying to edit the Enfold landing page demo like I intend to do but it seems like they ran into quite a few issues attempting to do this. The comments are from back in June of this year. This is concerning to me. Have those issues been fixed yet? Thanks.
Hey,
Currently, you would need to add it manually: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.
We added TikTok icon and updated Twitter icon to X in version 5.6.7. We don’t have a release date yet but we’re planning to release it soon.
Best regards,
Yigit
Hello!
Our site is hosted on WP Engine, and we use Enfold as our Parent theme, with a child theme enabled.
WP Engine is forcing the PHP 8.2 upgrade on October 31st, so I am trying to get this update done ahead of the switch to make sure our site won’t break on that day. We get a critical error when we try to upgrade. I did a plugin and theme conflict test, and the core Enfold theme is what is making the site break when we upgrade. We can upgrade with a different theme enabled.
Are you able to help us with this issue? We do have a staging site if you would need access to that in order to help us.
Thank you!!