Hi
First of all I wanted to thank Yigit for having already answered me in another thread (https://kriesi.at/support/topic/popup-on-click/#post-1291561). He is always very kind and often finds solutions, like all the staff members. So thank you for the support you give to users. It is no coincidence that I have often advised my customers to buy Enfold.
Said that, today I am in trouble with customers who cannot update the website due to various issues that Enfold has had since WordPress 5.6 was released.
Let’s get to the point: as Yigit also saw, there is a problem with scrolling on mobile phones.
Yigit: “WordPress 5.7 was the final stage of jQuery version update in WP core and in Enfold 4.8 we have updated deprecated jQuery functions so I am guessing one of those updates caused the scroll issue.”
Dear Rikard I have prepared a subdomain for you (on my site I had to downgrade to be able to see the popup also on mobile phones): https://enfoldtest.fabiobaldanello.com/
Here you will find three buttons: FIRST TEST BUTTON, SECOND TEST BUTTON and THIRD TEST BUTTON.
FIRST TEST BUTTON is on top of the page so you won’t face any problem.
SECOND TEST BUTTON is Yigit solution with iframe. I tried it but is far away from what I need for many reasons that would be to long to explain.
THIRD TEST BUTTON is in the middle of the page (under SECOND TEST BUTTON before OUR STORY). Here you can see the weird behavior on mobiles. The page scrolls to the top and the Modal Popup is not visible anymore until you manually scroll down.
I hope that the Enfold team will be able to solve the problem and restore the functions of the modal popup as in previous versions in a short time. For the next releases it would be usefull to have the possibility to set a modal popup directly from ALB.
Best Regards
Manu
Hey Severin,
Please try adding your button to a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area, then place the widget in a fixed or absolute position using CSS.
Best regards,
Rikard
Hi,
Sorry for the late response, have been away for some days. Would you mind posting the login details again so that we could check this? The filter that we are referring to, if it is available, should be inside the function that the plugin is using to the output or render the content.
Have you tried using the new Custom Elements option from the theme? It should give you more flexibility with the button content and allow you to create custom dynamic elements, which can be modified globally.
// https://kriesi.at/documentation/enfold/custom-element-templates/
Best regards,
Ismael
I have taken over a website with Enfold and am new to the theme. There is a fixed Facebook button here (class side-menu) which must come from the Enfold theme or? Have now searched everywhere in the settings and found nothing how I can delete this facebook button.
Thanks for help!
Hi Andrew,
Thanks for contacting us!
The license is connected to ThemeForest/Envato account that was used when purchasing the theme. Without having an access to that account, you would not be able to download the theme.
Your website is currently using the latest version of Enfold and has Personal Token inserted in Enfold theme options > Theme Update however it seems like it was not validated. Please go to Enfold theme options > Theme Update and click validate button to validate it so you can receive future updates in WordPress dashboard. If it works fine, you would not need the access to the ThemeForest account.
We do provide support through our support forums however you would need a purchase code to register. Please contact the person who have purchased the theme and ask for the purchase code so you can register – https://kriesi.at/support/register/ and start new threads under Enfold sub forum whenever you have a question or an issue.
If validating Personal Token does not work and you cannot get the purchase code from previous developer, I am afraid you would need to purchase a new license. License costs $59 – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 and includes free lifetime updates 6 months of support. Extending support is optional when it expires.
Let us know if you have any other questions :)
Regards,
Yigit
Hey M1000000,
Sorry for the late reply – but I was tagged for this topic today.
At the moment there is no way out of the box.
If you add to your functions.php file (in child theme):
add_theme_support( 'show_advanced_custom_element_options' );
in theme options – Custom Element tab you find a checkbox “Show advanced options” and there you find an option Custom Element Shortcode Buttons where you can select to group the custom elements similar to the normal elements.
If you have programming skills:
enfold\config-templatebuilder\avia-template-builder\php\element-templates.class.php line 2283:
usort( $tab, array( $this, 'sortByOrder' ) );
is the place where the default sort order is created in $tab.
We can add a filter here in the next release if this helps you.
Best regards,
Günter
Hi,
this issue is still relevant for me (Enfold 4.7.6.3). The given solutions do not work for me.
When I’m using “do_shortcode($content)”, some columns get 100% width – just as BlutVampir described.
The shortcode I’m using is just an icon:
[av_font_icon icon='ue906' font='econsor-system-icons' style='' caption='' link='' linktarget='' size='20px' position='right' animation='' color='#21759b' av_uid='' custom_class='' admin_preview_bg=''][/av_font_icon]
If replaced with a button, the problem still persists.
Is there something new about this issue?
Best regards,
Fabian
Hi Chris,
If you do a theme update, only tweaks/modification made on the enfold theme files are overwritten but everything else like Theme Options is preserved.
Please follow the steps below to update from Enfold 4.4.1 to 4.8.1:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hi sergiostraface,
Thanks for giving us admin access.
I was able to check the backend of your site and I could see a lot of js errors which are caused by incompatibility between Enfold 3.7.1 and WordPress 5.7, one other error is caused by Yoast SEO.
I tried to install and activate Enable jQuery Migrate Helper plugin which fixes the errors but the layout builder is still not working, I think the only option now is to update it to the latest version of Enfold (4.8.1).
Please follow the steps below:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
It appears that your Advanced Layout Builder conflicts with the basic handling of the toggle button of the meta boxes. The classes and aria-attributes aren’t properly set when Enfold is active. Loading below custom script in WP backend makes it work again.
THIS IS NOT A PERMANENT FIX – the bug is still in Enfold
$( “.metabox-location-normal button.handlediv[aria-expanded]” ).each(function( index ) {
$(this).on(‘click’ , function() {
$expanded = $(this).attr(‘aria-expanded’);
if( $expanded == ‘false’ ) {
$( this ).parents(‘.postbox’).removeClass(‘closed’);
$( this ).attr(‘aria-expanded’,’true’);
$( this ).find(‘.toggle-indicator’).attr(‘aria-hidden’,’false’);
} else {
$( this ).parents(‘.postbox’).addClass(‘closed’);
$( this ).attr(‘aria-expanded’,’false’);
$( this ).find(‘.toggle-indicator’).attr(‘aria-hidden’,’true’);
}
});
});
Hello Kriesi Team,
Is it possible to insert a button in Enfold. This button should always be in the middle on the right side of the screen. No matter where you scroll, the button should always stay in the same place on the screen.
Thank you for your information.
With best regards
Severin
On every of my installations the edit button is there. Well I think your installation of Enfold is faulty then.
Do you work with a child-theme? Then you can try to reupload enfold again.
The selector for that is:
#top .avia_search_element #searchsubmit {
background-color: red !important;
color: #000 !important;
}
but you had to find the fault anyway
-
This reply was modified 5 years ago by
Guenni007.
you placed the Layout Builder Element : Search in your Layout.
Go and edit this Element – a popup arises and you have on that popup different setting options.
On Top you see four tabs :

Press the Styling Tab and scroll to “Form Colors” ! If you have toggles ( you can switch of that toggles on Enfold Options to always have opend all toggles)
open that toggle and see- the image from above : https://kriesi.at/support/topic/change-search-widget-search-button-color/#post-1290959
The last one is for “Button Background Color”

Hello
There is a big issue after updating to to Enfold 481 and WP 5.7.
When you click a button linked to an id (#) with open-popup-link-button a, the entire page scrolls to the top. So if you have the button on the top of the page you don’t face any problem. But if you have the button lower (let’s say in the middle or bottom of the page) the page scrolls to the top and the Modal Popup is not visible anymore until you manually scroll down.
There is obviously something missing in the code since in the previous versions it was not happening.
In another thread Yigit was suggesting to use the https://yourdomain.com/your-popup-page?iframe=true method, but this is not an option for me because the risult (a useless little lightbox window) is far away from what I need.
I’m expecting by updating a theme that the website should behave like in the previous version and not letting me down with problems that we hadn’t before.
In every Portfolio Page I have a button that opens a list of other Portfolio Pages. Shall I redesign all the Portfolio Pages or is there a way to change some script to have the same behavior of the previous version?
Best Regards
Manu
Hi,
This popup image shows the popup with only one line of text so it is naturally small, I believe you will find that the popup will grow with more content, to a point, but to make it 100% will require more css adjustments, are you sure you really want a 100% popup? The example page you linked to with this was a little confusing from a UX standpoint, in my option. Might I suggest a 90% popup with the opacity background because it is a more familiar UX?
Anyways… in different examples that I have worked on I find that iframes can be much slower on popup load where the method I point to is very fast, because the content is already loaded.
If you really want to use the iframe solution I was able to create a page that would be the “popup” with a grid row element and such,

this is the Avia Layout Builder Debugger code:
[av_layout_row border='' min_height_percent='' min_height='400px' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' av_uid='av-c6pja3']
[av_cell_one_half vertical_align='middle' padding='130px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/business-support-1.jpg' attachment='582' attachment_size='full' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='' av_uid='av-10qarv']
[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='30px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8qt0kr']
[av_heading tag='h2' padding='0' heading='Our Support Team' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' admin_preview_bg='' av_uid='av-t3b2z']
Customer Satisfaction
[/av_heading]
[av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='150px' custom_margin_bottom='150px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-5uoavf' sc_version='1.0' admin_preview_bg='']
[av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-f9ep7']
<p style="text-align: center;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]
[av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='155px' custom_margin_bottom='155px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kmte5zf0' sc_version='1.0' admin_preview_bg='']
[av_font_icon icon='ue8f1' font='entypo-fontello' style='' caption='' link='manually,http://twitter.com' linktarget='_blank' size='20px' position='center' color='' admin_preview_bg='' av_uid='av-1yhd23'][/av_font_icon]
[/av_cell_one_half][/av_layout_row]
with no header, sidebar, title bar, or footer
Then I used this link in a button http://test.test/popup-test?iframe=true

and then I used this css to make the popup 100vh & 100vw:
.mfp-container,
.mfp-iframe-holder .mfp-content,
.mfp-iframe-holder .mfp-iframe {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
padding: 0 !important;
}
and it worked, but I also lost the ability to close the popup, try using the above css as your base and see if you can adjust to allow to close the popup, I would recommend making the popup 90vh & 90vw 🙂🚀
Best regards,
Mike
Hi Synthea79,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top input[type=search] {
padding: 13px;
margin-bottom: 10px;
}
.woocommerce-product-search button[type=submit]{
background-color: #f3ffde;
color: #658529;
border-color: #d1ddbc;
margin: 0;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 400;
font-size: .92em;
width: 100%;
padding: 13px 10px;
outline: none;
}
Next time, please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
If you need further assistance please let us know.
Best regards,
Victoria
Hey ZikomoWebdesign,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia_cart_buttons .button-mini-delimiter {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
the title tag was not supported by WordPress anymore.
that was a surprise for me too. But if you look in (not enfold !- wordpress) wordpress / wp-admin / includes / ajax-actions.php line: 3251:
$title = ''; // We no longer insert title tags into <img> tags, as they are redundant.
i discussed it with Günter to get back the attachment title to the images inserted via “Add Media” in text-block : https://kriesi.at/support/topic/images-with-link/
we/he found a way to newly inserted images via an existing filter – but allready inserted Images are not touched by this.:
https://kriesi.at/documentation/enfold/image/#add-title-attribute-to-new-inserted-image-via-add-media-button
Hello.
I am looking for a way to place a custom widget area in the middle of a page, not in a sidebar or other. The widget contains a calendar and is the main item of the page.
The plugin demo informs that it has been designed to show an Add-calendar-button when creating a page – but this button doesn’t show in Enfold. I contacted the plugin’s customer service and they suggested I use a widget. The widget does show with all the other widgets, but I don’t know how to place it on the page.
Thanks in advance
Kim
Hi Rikard, Would you try again please?
I have paid another person to try to solve my video play problem. To avoid you both are working at the same time I changed the pasword. I didn’t know when the other person has time to solve my video problem, he finished. He told the Enfold theme can’t work with the plug-in Learnpress.
I have still the video play problem. :-( And my course attendees are starting impatient and like to start. And 1 am losing customers (is money).
I am strugling with this since December 2020
Would you try again please?
You may do all what you like, even if it harms my website, it doesn’t matter! I have a good back-up system.
When I updated to the latest wordpress version, the problem becomes worse. Even the insert image button at the same page didn’t work any more.
If you can’t solve the video problem I have to buy other themes for all the websites I have to make. :-(
I really hope you can solve my video play problem.
-
This reply was modified 5 years, 1 month ago by
merlijn.
Hi,
I dont know if there is already a topic about this, but could not find it actually.
I am using Enfold and Woocommerce for a website. However the product have Cart Button (Show details and Add to cart) those are separated by a white line. (see screen)
How can I delete this white line, it looks like its in the avia_cart_buttons but i cannot find a separator in this class.
Can you help me out?
Kind Regards,
Hans Kroeze
Dear Enfold-Team,
I am noticing a weird behavior in the backend:
– in developer tools the field for custom css-class appears twice
– the same happens in the custom element template with the “custom element” button
I have attached links to screenshots below.
Any idea how to fix this?
Thanks,
Patrick
Olá Nikko,
Thanks for your reply.
My website is : https://brancadeneve.org/inicio
Look this image to see what I need to do, I do not want to edit all, just one of the sub-buttons.
https://brancadeneve.org/onlinefiles/Enfold_1.jpg
Can you please explain to me how the CSS and HTML works on the Menu Button?
https://brancadeneve.org/onlinefiles/Enfold_2.jpg
Thanks and Rgds
Joao
-
This reply was modified 5 years, 1 month ago by
bigamist.
After generating the google map api as per the instruction (https://kriesi.at/documentation/enfold/google-map/#how-to-register-a-google-maps-api-key)
I am still getting errors.
Check API Key
Could not connect to Google Maps with this API Key.
Troubleshooting:
Check if you typed the key correctly.
If you use the restriction setting on Google try to remove that, wait a few minutes for google to apply your changes and then check again if the key works here. If it does, you probably have a syntax error in your referrer url
If none of this helps: deactivate all plugins and then check if the API works by using the button above. If thats the case then one of your plugins is interfering.
Do you have an updated guide ?
Please help.
Hi Aidan,
Please edit the Button Row > Advanced (tab) > Developer Settings > Custom CSS Class put: my-buttonrow then save.
Go to Enfold > General Styling > Quick CSS, then add this CSS code:
.my-buttonrow .avia-button {
opacity: 0.7;
}
Best regards,
Nikko
Hi João,
Can you try to go to Enfold > Advanced Styling > (Select an element to customize) choose Small bar above Main Menu, click Edit Element button.
This should open up a box below it for styling Top Menu (just adjust it).
If that does not help, please give us a link to your site.
Best regards,
Nikko
Hi Hanna,
Please follow the steps below:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
I’ve deactivated plugins to see if there’s a conflict but nothing is working. I even purchased a new theme from themeforest and uploaded the new theme files, wondering if my last one was corrupted. I’m still having the same problem. I can enter numbers but I can not enter text. I can’t even copy and then paste the text into the field. The only one that appears to work is the text block. Buttons, icons, special headings, etc….none of those will allow me to enter text into the field (e.g. replace “Click Me” with actual text.) Any help is appreciated since the site is basically down until I can redesign it in the Enfold theme. Thank you!!
Hi ADLER66,
Please follow the steps below:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hi Sumeru,
The problem is caused by the incompatibility of an old version of Enfold (4.7.3) and WordPress 5.7, you’ll need to update to the latest version (4.8.1) for it to work properly, please do the following steps:
First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko