Hi,
If you don’t want to manually create your own logo, you can also search Google for a logo creator or maker. There are many online tools that automate the creation of logos and only require your registration. After creating the logo, you can upload it to the site by going to the Enfold > Theme Options > Logo settings. Let us know if you need more assistance.
Best regards,
Ismael
Hi
I am using the Modal Lightbox Window integrated with Enfold but I would like to disable it for all video content ( like Youtube or vimeo links) is there a way to do this?
Hi,
To have a sticky sub-menu on your desktop with the burger menu, and on your mobile without the sticky header, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function desktop_burger_menu_sub_menu_sticky() { ?>
<script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
var width = $(window).width();
var $stickyTop = $('#sub_menu1');
if (width <= 989) {
$stickyTop.waypoint(function(direction) {
if (direction === 'down') {
$stickyTop.addClass('sticky-top');
}
if (direction === 'up') {
$stickyTop.removeClass('sticky-top');
}
}, {
offset: '0%'
});
}
else if (width >= 990) {
$stickyTop.waypoint(function(direction) {
if (direction === 'down') {
$stickyTop.addClass('sticky-top');
}
if (direction === 'up') {
$stickyTop.removeClass('sticky-top');
}
}, {
offset: '95px'
});
}
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'desktop_burger_menu_sub_menu_sticky');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
also add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 989px) {
.responsive #top #sub_menu1.av-submenu-container.sticky-top {
position:fixed!important;
top:0!important;
z-index:600!important;
}
}
@media only screen and (min-width: 990px) {
.responsive #top #sub_menu1.av-submenu-container.sticky-top {
position:fixed!important;
top:95px!important;
z-index:600!important;
}
}
This accounts for the mobile switch at 989px when your typical header is no longer sticky, but the sub-menu will be sticky at the top.
In the css & script you may need to adjust the top height, my text site header was 95px high, if yours is different please change.
If you have trouble with this please include a admin login in the private content area so we can take a closer look.
Best regards,
Mike
Hey Gianluca,
Thanks for the login, in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text you had a phone number link that was unclosed, causing the error.
To make your portfolio sort text larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-fullwidth-portfolio .sort_width_container {
font-size: 30px;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please adjust the font size to suit.
Best regards,
Mike
Hi,
Glad to hear that you have this sorted out, 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 Alexandra,
Elementor is not a supported plugin, since Enfold has its own layout builder. You might be able to use Elementor, but we cannot fix problems which might arise with using Elementor.
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,
Great, I’m glad that you got it working. 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
Alexandra RuppGuest
Hallo,
ich setzte gerade für Showagenten Radio eine neue Wenseite auf. Bisher wurde Ihr Theme Enfold genutzt. Ich würde dieses auch weiter verwenden, möchte aber vorher gerne wissen ob der Elementor kompatibel ist. Wir haben hier bereits eine Lizenz.
VG Alexandra Rupp
Hello dear Enfold Team,
I created a new Post page with ALB for my blog. When I work on the page, all the ALB elements are showing perfectly, and I can edit and add etc. However, when I go to Preview the draft, it shows an old version. I have already cleared the history and cache, and tried using different browsers. The problem continues. My Draft edit version looks and works great but the Preview does not reflect my edits.
Thank you in advance for your help.
Regards, Lokita
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
Hello,
a customer’s media data is not displayed when he uploads the image. This means he cannot adjust the size after selecting the image. But it works on my computer. Enfold is up to date. Customer is registered as admin like me.
What could it be?
best regards,
Martin

https://img.savvyify.com/image/image001.91dsn
-
This topic was modified 9 months, 2 weeks ago by
Martin.
-
This topic was modified 9 months, 2 weeks ago by
Martin.
Hi Gunter,
Thanks so much for taking the time to look at this.
Your thoughts really helped point us in the right direction and eventually we were able to find a simple CSS conflict that was causing the issue, related to that litespeed-loaded class you mentioned. For anyone else who uses Litespeed cache and wants product hover but finds it isn’t working properly, hopefully this helps…
Litespeed in their documentation suggest this code which makes lazy loaded images load in nicer:
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}
But the opacity settings in here conflict with how Enfold wants to handle the image hover. So using a not pseudo class and removing that from the product hover eliminates this issue entirely:
/* PART 1 - Before Lazy Load with shop products hover excluded */
img[data-lazyloaded]:not(.avia-product-hover) {
opacity: 0;
}
/* PART 2 - Upon Lazy Load with shop products hover excluded */
img.litespeed-loaded:not(.avia-product-hover) {
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}
Hope that helps, and thanks so much Gunter, really appreciate your time always helping us with things.
Regards
Tim
Hi,
It’s not possible to add it automatically to existing content, but you can use it for future content. Another solution is to adjust the margin or line height of the paragraph tags, which you can do in the Enfold > Advanced Styling panel.
Best regards,
Ismael
Seems like the “Advanced Styling” isn’t always applying to the H tags.
Can anyone tell me which type attribute in the Advanced styler modifies the “title” of a portfolio, the type that floats over the square image in the main page gallery? Usually it is what. Now it turned gray and i can’t find where that setting is. Spending hours looking for it, so I thought I’d ask. Cheers.
Hey satucker,
Thank you for the inquiry.
Please use the following css code to further adjust the style of the submenu items in the mobile menu:
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover a, #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a:hover {
background-color: #f1efe8;
color: var(--enfold-header-color-color);
}
Best regards,
Ismael
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
thanks, guenni.
it’s a shame that such simple formatting is still so complicated in enfold. ;-/
solf
Hi Rikard,
Thanks for your reply.
The widgets I added in the same way I always do. In functions.php:
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'Topmenu' );
dynamic_sidebar( 'Tagline' );
}
And added the widgets with exactly the same name…
It only happens on this website and coincidentally, the theme here has just been updated to the latest version of Enfold. What I not yet did with other websites.
Regards,
Steven
Hey steviger,
It’s the div with ID header_main_alternate which is hidden. I’m not sure exactly how you added the widgets, but you can check the documentation on the subject here: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
Rikard
Hey VariablerEsel,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-logo-element-container a.slide-image {
background-color: transparent;
}
Best regards,
Rikard
While working on shethrivespsych.com I have the info in. Enfold > General Styling > Logo Area set and working correctly on the desktop version. However, on the mobile version, the colors in this panel are not reflected in the submenu on the mobile version. Additionally, Menu Links in overlay/slide out in the advanced styling don’t seem to help. I don’t see options for this in Enfold > Advanced Styling, what can i do? How can I get the mobile menu colors to change?
Specifically I need to change the color of “Info>FAQ>Fees & Policies>Resources, or I need to affect the background colors of that section of the menu without affecting other areas.
Hi,
It seems that the class litespeed-loaded which is added to the img tag, causes the problem.
If you check the shop page of your dev server the HTML of second image “Guy Rope” you see 2 img tags, the first one is the overlay to change – it has class avia-product-hover. Remove the class litespeed-loaded there and it will work.
Why the first image does not have the the overlay image in HTML – no idea – maybe some customization ??
I added an echo at line 618 in ..\enfold\config-woocommerce\config.php and when logged in it shows, that
get_post_meta( $id, '_product_image_gallery', true );
returns no result – but the product shows a gallery.
Hope this helps your developer to fix the problem.
An idea would be to run a js script to remove class litespeed-loaded in all img tags that have class avia-product-hover.
Best regards,
Günter
Hi,
now i have lots of infotext on the backend pages. When I klick on dismiss and load the page again its back.
Thanks for help :)
Many regards rixi
Seite bearbeiten Neue Seite erstellen
Welcome to Enfold 6.0 – A major update with many new features
Custom layout and dynamic content – see our documentation how to use it
New ALB elements “Custom Layout” and “Dynamic Data”
…..
Did you already explore:
Custom Elements: Create your own styled editable ALB elements for a consistent layout throughout your site
Follow Upcoming Fixes for the next release
Welcome to Enfold 6.0.1 – A small update fixing minor bugs and a performance issue for large sites
Bugfixes – Check our changelog for all changes
Check our documentation to get deeper insight
Did you already explore:
-
This topic was modified 9 months, 2 weeks ago by
rixi.
hi
I am using WPML on my site which is in danish and English.
I translated the mailchimp form, and if I use the regular mailchimp signup widget it’s fine but when I use the enfold mailchimp widget it’s not translated. I like the styling of the enfold form better. See below
Can you help me with this?
thanks
Nancy
-
This topic was modified 9 months, 2 weeks ago by
Munford.
Hi,
Thanks for the update. You should not need that plugin, please make sure that you are running the latest version of the theme (6.0.3): https://kriesi.at/documentation/enfold/theme-update/.
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
Hey Simon,
Could you try updating the theme to the latest version (6.0.3) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/.
Best regards,
Rikard
Inspector on p in the footer:
Inspector > Styles css-rules that are shown line-height:1.1em !important line-height:1.65em line-height:1êm
all are not giving the p a line-height of 1.1em and I can not see which class or rule effects or forces line-height to approx 1.65em
Inspector > Computed
says line-height for p is 33px
Thats why I thought its calculated.
I made in advanced styling
<body> line-height 1.1em
I made in Customizer
/* Fonts */
body {line-height:1.1em !important}
but nothing forces p to have a line-height of 1.1em
–
Ok, got it, had to make another Advanced Styling, extra for p with line-height 1.1em
But still have no idea where enfold takes 1.65em for p
But Advanced Styling helped me out
This worked out.
Thanks a lot.