Hello,
I have a project where my website’s mobile version needs to have an app feel, like with icons on the bottom & a lot of interactivity with buttons. I would like to use Enfold but don’t really see mobile versions in the demo. Any advice or possible plugins that would compliment Enfold? I will be using Woocommerce with it as well.
Hi Alwin,
Please do the following.
1. Go to Enfold > Theme Options > Select Your Editor, set to Use WP Classic Editor
2. Create a new post (no need to save or add title)
3. Click on the magic wand icon and select Content Elements > Button. Here’s a screenshot
4. Once you have made the button and click save, it should generate some shortcode, copy this shortcode and add to your widgets.
Hope this helps.
Best regards,
Nikko
Hey tremblayly,
Please try adding this CSS code in Enfold > General Styling > Quick CSS:
#ppc-button {
float: left;
margin-top: 12px;
text-align: left;
width: 100%;
}
#top #ppc-button .paypal-buttons-context-iframe {
max-width: 250px;
}
Best regards,
Nikko
This reply has been marked as private.
Hey Giorgio,
Where exactly do you need to add that code?
You can start a new thread by following this link to open a new thread. Or click this button on the Enfold support forum: https://imgur.com/a/AnoSPNb
Best regards,
Rikard
Hey dweddell,
Thank you for the inquiry.
Since the phone number and the free trial button is part of the menu container, there is no other way to center align the rest of the menu items aside from adjusting the margin between the very last menu item and the phone number. One workaround is to move the phone number and free trial button in a separate container or add them as widget. You can then adjust the style of this widget container separately. The following documentation should help.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
If you don’t want to use the widget, you can try this css code but you might still have to adjust the position of the phone number and the button on different screen sizes.
@media only screen and (min-width: 990px) {
/* Add your Desktop Styles here */
.responsive #top .main_menu {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.responsive #top .av-main-nav-wrap {
float: left;
position: relative;
z-index: 3;
left: 50%;
transform: translateX(-50%);
}
.responsive #top #header #menu-item-67 {
position: absolute;
right: -400px;
}
.responsive #top #header #menu-item-114 {
position: absolute;
right: -200px;
}
}
Make sure to temporarily remove the previous css code after adding the above css.
Best regards,
Ismael
Hi Chad Milburn,
Thanks for contacting us!
Please do the following but 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/
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.
Hope this helps.
Best regards,
Nikko
Hi,
In the advanced styling settings of the Enfold theme I have the ability to adjust the “buttons”. I have made changes there affecting the border radius and padding. I noticed that these settings also impact the styling of the previous and next buttons on the easy slider (not in a good way though).
Which quick CSS can ensure that the easy slider navigation buttons simply remain in the standard style? I’ll plot a link to an example in the private content section.
Thanks and regards
Hey coldstreamer,
Thank you for using Enfold – and thank you for reporting this.
We will correct it for the next release but it has no negative effect because av-builder-button-disabled is nowhere used.
So there is no possible conflict or malfunction.
Best regards,
Günter
I don’t know if this is the right place to post this, but I downloaded the Enfold Hotel Demo theme and was playing with css stuff when I stumbled across this section in the avia-builder.css file: (enfold/config-templatebuilder/avia-template-builder/assets/css)
#poststuff .av-builer-button-disabled{
box-shadow: none;
background-color: #CCC;
border-color: #AAA;
cursor:default;
text-shadow:none;
}
It should read #poststuff .av-builder-button-disabled{ …
This typo also exists in enfold/config-woocommerce/config-356.php and enfold/config-woocommerce/config.php
load more button of the Masonry can’t work
ENFOLD 4.8.9
WordPress 5.7.3 ( & TRY WITH WordPress 5.9.2)
Please help me.
Hey Jason,
Please add this CSS code in Enfold > General Styling > Quick CSS:
#top .avia_cart_buttons {
opacity: 1;
}
Best regards,
Nikko
Hi all!
So, within the Enfold settings, there are various styling options for type. In WooCommerce, many of those come across for different elements, which is generally a good this. But, in my case, I am running into an issue with the Add to Cart, Select Options buttons, found on a product grid. I have tried to affect the link colors manually, but cannot seem to get the default link color to be super light gray. I tried messing with the Product Gallery options, but they did not yield and positive results. Currently, I have it on Default Enfold Product Gallery.
Am I missing a super easy selector for grabbing hold of the link attributes? If so, can you please point it out to me and I will take the bow of css shame back to the code?
Thanks for any help!
-jason
gbParticipant
Hi,
I have imported an Enfold demo that I am shaping to my needs. I can not figure out how to remove the “Learn More and Get In Touch” buttons that are at the top of the home page.
Here is a link for reference:
Any help appreciated!
GB
On our blog pages we are using the Social Buttons module. All seems to work except for LinkedIn where it takes the visitor to a blank LinkedIn page. How can we correct this? We are running Enfold 4.9.2.1
I’m happy with enfold website in past days. but recently after yesterday updating. my popup window disappear.
when visitor click the “Ask A Quote” button. there’s a cf7 contact form coming on a modal window before.
but now it just go to the top when click. you can check the code:
<h3>Ask A Quote</h3>
<div id=”test-popup” class=”white-popup mfp-hide”>
[contact-form-7 id=”7887″ title=”Contact form 1″]
</div>
and the PHP function code has be done before:
function popup_inline() { ?>
<script>
jQuery(window).on('load', function(){
jQuery('.open-popup-link').magnificPopup({
type:'inline',
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source in href.
});
});
</script>
<?php }
add_action('wp_head', 'popup_inline');
.
now the function is not working. could you please help me with this?
the login link under private content. thanks
first to know : as one of the central files – the functions.php is in the root directory of your theme !
And : child-theme can have its own functions.php ( same as above directly in root direcctory of the child-theme
if you got a child-theme : parent-theme and child-theme are siblings:

Actually, you cannot destroy an existing installation by setting up a child theme. Because you can always go back and activate the parent theme.
When you have installed ( uploaded the child-theme folder to your themes directory – on Dashboard – Themes there will be two enfold themes. One is marked as Child-Theme.
After Activation of the child-theme – go to (now) Enfold-Child Options :
on Import/Export Tab there is on top the button: “Import Parent Theme Settings” – click
This will take your settings from the parent-theme to your child-theme – including quick css entries and all the other settings.
It is not always the case that this does not work right away. If this is the case for you, please contact us again.
Hey Enfold team,
I’d like to make some styling changes to the cookie box on my website:
– move the buttons to the left and reduce the space between them
– reduce the space between the buttons and the text above
– reduce the space between the buttons and the bottom border
– reduce the width of the box
Please see screenshot.
I could make some changes myself by using and changing css codes I found on this topic in the community.
Unfortunately, this didn´t work for all the desired changes.
So please help.
Thank you very much in advance.
Best regards, fkm
Hey tebitron gmbh,
Thank you for the inquiry.
This is possible but you will have to modify the enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.php around line 785, look for this code.
if( 'confirm_link' == $google_link )
{
$html_overlay = '<a href="#" class="av_gmaps_confirm_link av_text_confirm_link' . $button_class . '">';
$text_overlay = esc_html( $confirm_button );
}
else
{
$html_overlay .= '<a class="av_gmaps_page_only av_text_confirm_link' . $button_class . '" href="' . esc_url( $url ) . '" target="_blank">';
$text_overlay = esc_html( $page_link_text );
}
Replace it with:
$html_overlay = '<a href="#" class="av_gmaps_confirm_link av_text_confirm_link' . $button_class . '">';
$text_overlay = esc_html( $confirm_button );
This will replace the new tab link with the button that refreshes or loads the map on click.
Have you tried setting the map’s Advanced > Conditional Load > Link to Google Maps settings to the second option (User must accept to show google maps)?
Best regards,
Ismael
Hi,
I uploaded original Spotify and Apple Music logos and used them as icons – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
Prior to that, I installed a child theme – https://kriesi.at/documentation/enfold/child-theme/ to make the changes update safe.
Please review your website :)
Best regards,
Yigit
Hey,
Thanks for contacting us!
Please refer to this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.
If you need assistance with it, please let us know :)
Best regards,
Yigit
Hi,
I changed your password and logged in using your account, and I’m able to open a new thread. Please use open a new thread link, or click this button in the Enfold sub forum: https://imgur.com/a/AnoSPNb
Best regards,
Rikard
Hey guys
maybe someone knows a Workaround or when this bugs are going to be patched:
1. When adding a manual link to a button element and having a link with multiple parameters like:
/request/?subject=beratung¶m=this-wont-work
Enfold first saves it correctly, but after reloading the Editor in backend, the &p… got converted into some weird special-char.
2. If someone uses the Social icons – element in a page and uses that page as a footer, the share-link uses the footer-url.
3. When adding a Video with the Videoplayer element, the video starts muted (even if not selected) –
and if someone clicks on unmute, you additionally have to increase the volume.
-
This topic was modified 3 years, 11 months ago by
boehm.media.
Hey!
Thank you for waiting.
To fix the issue with the product shortcode, please edit the enfold/config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_button.php file, add update it using this code ( https://pastebin.com/cEDU5HQ4 ). Then edit the enfold/config-woocommerce/config.php file and update the avia_woocommerce_add_body_classes function around line 103 using this code.
function avia_woocommerce_add_body_classes( $classes, $class )
{
global $product;
if( avia_woocommerce_version_check( '3.0' ) )
{
$classes[] = 'avia-woocommerce-30';
}
/**
* Adds the product class name to the body tag when ALB is activem, required by WC scripts such as add-to-cart-variation.js
*
* https://kriesi.at/support/topic/sku-on-product-page-disappeared-with-theme-update/
*/
if( is_product() && Avia_Builder()->get_alb_builder_status( $product->get_id() ) == 'active' ) {
$classes[] = 'product';
}
return $classes;
}
Please make sure to purge the cache after doing the steps above or before testing the page.
Best regards,
Ismael
Hi Mike
Thank you for sharing. I just tired, but my first experience is that the style and fonts look so different from my Enfold style plus everything seems in English …
Is there an easy way to make the Embedded form look like the rest of my page (e.g. fonts, button style)?
The way you described the Embedded form, can I jave two of them with different tags?
Finally, maybe there is a fallback solution to the Enfold Mailchimp API: Since this is a relatively new feature, Enfold asks for feedback to implement future requirements. Could you specify the requiredment of having a pulldown menue with the available tags within the selected list? This might me value added not just for me. Or do you think it would make sense for me to get the StackOverflow solution programmed by a e.g. Fiver programmer?
Just looking for the easiest way to get this done.
Thank you for sharing your thoughst on this!
Best regards
Philipp
Hi There,
I am using ENFOLD theme there is an issue in theme builder in the button module setting the button link option is disabled. Please help its urgent.

Thank You
Dear support team.
My website home page and WooCommerce single product page shows error. could you please help me fix the error?
your prompt reply will be much appreciated:
Fatal error: Uncaught TypeError: call_user_func_array(): Argument #1 ($callback) must be a valid callback, function “woocommerce_single_product_summary_button” not found or invalid function name in /home4/shinydec/public_html/wp-includes/class-wp-hook.php:307 Stack trace: #0 /home4/shinydec/public_html/wp-includes/class-wp-hook.php(331): WP_Hook->apply_filters(NULL, Array) #1 /home4/shinydec/public_html/wp-includes/plugin.php(474): WP_Hook->do_action(Array) #2 /home4/shinydec/public_html/wp-content/plugins/woocommerce/templates/content-single-product.php(60): do_action(‘woocommerce_sin…’) #3 /home4/shinydec/public_html/wp-includes/template.php(772): require(‘/home4/shinydec…’) #4 /home4/shinydec/public_html/wp-content/plugins/woocommerce/includes/wc-core-functions.php(284): load_template(‘/home4/shinydec…’, false) #5 /home4/shinydec/public_html/wp-content/themes/Enfold-child-theme/woocommerce/single-product.php(37): wc_get_template_part(‘content’, ‘single-product’) #6 /home4/shinydec/public_html/wp-includes/template-loader.php(106): include(‘/home4/shinydec…’) #7 /home4/shinydec/public_html/wp-blog-header.php(19): require_once(‘/home4/shinydec…’) #8 /home4/shinydec/public_html/index.php(17): require(‘/home4/shinydec…’) #9 {main} thrown in /home4/shinydec/public_html/wp-includes/class-wp-hook.php on line 307
Hey,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.av_promobox .avia-button-right {
float: none;
}
.av_promobox .avia-button {
float: none;
position: unset;
margin-top: 0 !important;
width: 150px; /* Adjust width as needed */
margin: auto;
}
Best regards,
Yigit
Hey sitibus,
I assume that you have read our documentation about Adding your own Fontello or Flaticon Icons, you can create your own icons in SVG format single color only (black) and upload them to fontello which will convert them to a icon font which then can be imported to the Iconfont Manager.
Your other option would be to create an image icon and use css to replace the current icon font in the button, like this:
#top.page-id-1152 .avia_button_icon_left:before {
content: url(https://img.icons8.com/fluency/30/000000/idea.png)!important;
}
#top.page-id-1152 .avia_iconbox_title {
top: -8px;
}

Best regards,
Mike