Hi,
Sorry my mistake I thought you were looking for the WPZOOM widget, but I don’t understand what “button” and “social” you are looking for, I believe that you think it should have been installed from the demo, and I see you used the Restaurant Demo but it doesn’t have a button or social in the footer:

I didn’t find any demos that do, can you explain further?
Best regards,
Mike
Hey Erdrol,
Thank you for the inquiry.
You may have to modify the select or the linkpicker function in the AviaHtmlHelper class. The code is located in the enfold/config-templatebuilder/avia-template-builder/php/class-html-helper.php file. Unfortunately, you will not be able to modify or override this class in your child theme.
Or just make sure to use the correct selector to re-initialize the default select element as an s2select element. This is the markup of a linkpicker.
<div class="avia_clearfix avia-form-element-container avia-attach-templating avia-element-linkpicker" id="aviaTBlink-form-container">
<div class="avia-name-description ">
<strong>Button Link?</strong>
<div>Where should your button link to?</div>
</div>
<div class="avia-form-element">
<select class="" id="aviaTBlink" name="aviaTBlink" data-initial="">
<option value="manually">Set Manually</option>
<optgroup label="Single Entry">
<option value="21">A Single Post</option>
<option value="21">Another Single Post</option>
</optgroup>
<optgroup label="Another Option"></optgroup>
</select></div>
</div>
Best regards,
Ismael
Hi there,
I just created my new website with enfold, and I’m having similar question, like the client who wanted to have the whole images in a horizontal gallery as link to lightbox and not only the little button on the right bottom. Unfortunately your quick css proposed a couple of years ago:
#top .av-horizontal-gallery-link {
width: 100% !important;
height: 100% !important;
background: transparent !important;
transform: none !important;
},
doesn’t work with my site. Can you give me an advise, where to change this?
Thank you!
Gisela
Dear Kreisi Team,
Have been struggling the whole day to resolve the issue. Have also checked WordPress and Woocommerce solutions around the internet to be able to custom CSS the “Add to cart” buttons on single product pages but to no avail.
It seems like Enfold is blocking any custom classes for buttons or I can’t find the right classes for the custom CSS. You are my last resort.
The page in question:
Customization to be applied for the “Add to cart” button:
.postid-9557 .av-woo-purchase-button div .main_color .button {
border-color: #ebebeb;
background-color: #fff !important;
color: #5690e8 !important;
font-weight: normal !important;
padding: 8px 30px 8px !important;
font-size: 16px !important;
border-bottom: solid 2px #ebebeb !important;
border-right: solid 2px #ebebeb !important;
border-left: solid 2px #ebebeb !important;
border-top: solid 2px #ebebeb !important;
border-radius: 50px !important;
}
.postid-9557 .av-woo-purchase-button div .main_color .button:hover {
border-color: #ebebeb;
background-color: #f499c0 !important;
color: #fff !important;
font-weight: normal !important;
padding: 8px 30px 8px !important;
font-size: 16px !important;
border-bottom: solid 2px #f499c0 !important;
border-right: solid 2px #f499c0 !important;
border-left: solid 2px #f499c0 !important;
border-top: solid 2px #f499c0 !important;
border-radius: 50px !important;
}
Really looking forward to your reply and hope for your help!
Best,
Alex
Hi,
I have followed the instructions from this thread https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options but am having my custom icon showing up and instead have a pencil icon.
Here is the code I have inserted
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['Google'] = array( 'font' =>'fontello', 'icon' => 'uF1A0');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Google'] = 'google';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Hi,
@ brucegust: The theme only loads the latest version of the merged or compressed file. It doesn’t have a snapshot mechanism where older files can be restored at will. That option does not exist. All the other files in the dynamic_avia folder becomes invalid once the latest version of the file is generated, so you can safely delete them. The theme will just load the newest file. The name of the compressed file is stored in the database.
…could you explain what you mean by, “resave the theme options?” How do you do that and why do you do that?
The theme regenerates the compressed file after saving the theme options, just toggle any option then click the save changes button. The theme checks if compression is enabled, then regenerate the compressed file if it does not exist yet.
And then when you say, “purge the cache” are you referring to the browser history or is there a setting within Enfold that I need to be aware of?
I was referring to a plugin cache. You can set the theme to automatically delete the older files by enabling the Enfold > Performance > Delete old CSS and JS files? option but make sure to purge the plugin cache, if you are using any, to ensure that the latest merged script will be loaded.
I hope that helps.
Best regards,
Ismael
I would really appreciate anyone’s help and guidance on this, and whether it’s possible to do with Enfold. Please see example below:

I have 5 apartment buildings with 10 units in each. I want to let customers see an overview image of all the buildings, and be able to click on one and see an image of the individual building. Then they can click on one of the units and see the floorplan and features.
However, I want this process to be as quick as possible, so they don’t have to navigate between webpages for every element. I’d like the content to load either overtop the existing page or image, or below it. I want it to be super easy and quick to be able to click on various buildings and units and see their information, without going back and forth in the browser.
I tried doing it in the Layerslider, but it doesn’t seem to have an option of using hotspots… only big, colored “buttons”.
I thought of using the “image with hotspots” element, but I don’t know if it’s possible to dynamically load content in the page.
Any suggestions and ideas would be greatly appreciated. Thank you in advance.
-
This topic was modified 4 years, 4 months ago by
bagha.
Hello there
I am trying to track conversion via the Enfold contact form, but its far from straightforward. I think I added the global website tag correct in the child theme functions.php, but I am unsure how to add the specific code for the contact form? This is the code that needs to be set-up on the ‘Contact-site’
<!– Event snippet for Kontakt conversion page –>
<script>
gtag(‘event’, ‘conversion’, {‘send_to’: ‘AW-**********/***************’});
</script>
I have read https://kriesi.at/documentation/enfold/contact-form/#add-on-click-event-to-the-contact-form-submit-button- But I’m unsure how to use the code with google tag.
Regards Thomas Berggren
Hi,
Thank you for the info.
Yon can use this code in the Enfold > General Styling > Quick CSS field to stack the sort button above each other.
#top div.container .av-masonry .av-masonry-sort .text-sep {
display: none;
}
#top div.container .av-masonry .av-masonry-sort a {
display: block;
text-align: left;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
Hi, I’m using Enfold in combination with Elementor and trying to use the “Enfold Google Maps Widget” that’s available as an element via Elementor (see https://prnt.sc/20xki69 ). When I enter an address or city and click the Fetch Coordinates button, it just hangs on “Fetching the coordinates. Please wait…” (see https://prnt.sc/20xkilh ), and even if I manually enter coordinates, the map isn’t rendering — the marker and controls are there on the front end, but the map isn’t (see https://prnt.sc/20xkkdp or https://busd.wpengine.com/maptest/ ). I do have the google maps API entered and validated in the Enfold options, and it works on other sites (I left the key unrestricted, for now), so I’m pretty sure that’s not the issue. Any ideas for me? Thanks and lmk if you have any questions!
-
This topic was modified 4 years, 4 months ago by
sky19er.
Hi aruizhuidobro,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top #wrap_all #header .av-menu-button a {
height: 100% !important;
}
#top #wrap_all #header .av-menu-button a .avia-menu-text {
display: block;
padding: 0 16px;
border: 0;
border-radius: 0 !important;
}
Best regards,
Nikko
Hi Nikko, I added a social icon plugin for other developer since I need to deliver the site but I dont see button nor social as widget from enfold. Can you please check again ? Thanks !
Hi Nikko,
This IS a staging site, a direct copy of the live one :-)
You can do anything you want there, it’s well backed up. As long as you make sure you re-enable the Password Protected plugin when you’re done (dev site should not be exposed to the public)
Let me elaborate a bit and save you some time. To see what I mean you can open a page, go to Classic Text View, save it. Next time you open it through a link to edit, it will open in the last used mode, so classic text view.
I already described that quite clearly earlier.
Also, it is the same on a standard new site with just the Enfold Shop Demo imported. The LAST USED view is opened when you edit a page again.
What I need is for the Advanced Layout Editor to open by default / be set as default, that’s all.
Enfold (as far as I know) does not provide the option to set the preferred editor for pages (and posts if necessary), like some other page builders do. I hereby would make that a real feature request, it would sit nicely in the General Settings, where now you can choose between Block and Classic only.
I have this set in the child theme functions.php, and that works well enough, but ONLY for NEW pages.
// ***** TEST #3 trigger ALB editor always on load, regardless of previous saving *****/
// >>>>> THIS WORKS WELL, BUT ONLY FOR _NEW_ PAGES (HOW TO ADAPT FOR EXISTING?) <<<<<
// make avia default on new posts
// use #postdivrich_wrap for editor only, #post-body for (pretty much) everything
// see https://kriesi.at/support/topic/always-open-advanced-layout-builder/#post-452117
add_action('admin_head-post-new.php', 'trigger_alb_on_load');
function trigger_alb_on_load(){
echo '<style>#postdivrich_wrap { display: none; }</style>';
?>
<script>
(function($){
$(window).on('load', function () {
$("#avia-builder-button").trigger('click');
$("#postdivrich_wrap").css('display', 'inherit');
});
})(jQuery);
</script>
<?php
}
add_action('admin_head-post-new.php', 'trigger_alb_on_load');
Kind regards,
Rob
See: https://kriesi.at/support/topic/always-open-advanced-layout-builder/#post-452117
-
This reply was modified 4 years, 4 months ago by
rob2701. Reason: Added clarification test imported demo site
Hi,
Just hit the wrong button and purchased another version of Enfold ( I have 15 different licenses already for clients). Just did it a couple of minutes ago. Is it possible to get a refund?
Hi, I was wondering if you could help me with a couple of items on this site:
1. The two Buttons – which I’ve styled in Enfold Theme Options / Advanced Styling – are too large on cell phone view, how can I make a more reasonable size on mobile menu?
2. I’ve noticed that sometimes when I view the site on mobile, the heading font does not appear – I’ve uploaded the Cormorant Google Font, and that is what I’m using for headings.
Thank you so much for your help.
Sebastian TenschertGuest
Sehr geehrte Damen und Herren,
aktuell ist es nicht mehr möglich, bei der Nutzung des Themes Enfold, die Bearbeitung einer Seite zu speichern. Man kann zwar den Button “Aktualisieren” anklicken und es erscheint auch eine Popup-Benachrichtigung, dass die aktuelle Veränderung gespeichert wurde, aber real erfolgt keine Speicherung und der Button “Aktualisieren” lässt sich kein weiteres Mal anklicken (ist dann grau hinterlegt).
Können Sie uns da weiterhelfen?
Für kurzfristige Rückfragen stehe ich Ihnen auch gerne unter der Rufnummer +491743232921 (Deutschland) zur Verfügung!
Viele Grüße und herzlichen Dank
Sebastian Tenschert
Underground Lasergame Berlin
Stresemannstraße 92
10963 Berlin
phone: +49 30 21234088
fax: +49 3212-2278475
e-mail: (Email address hidden if logged out)
web: http://www.underground-lasergame.de
Hi Nikko,
WP 5.8.2 and Enfold 4.8.7.1. Yes that works, IF the ALE was active when you started that link.
But if before the default editor in text view was opened on an item, that is what will open with that link.
So I need to know the correct way to access the ALE programmatically for it to open straight in ALE only.
Added clarification:
The access to ALE via link was just to illustrate the process, I would like to know if it’s possbile to open a page in ALE directly through PHP.
Access link in private.
Thanks for the help,
Rob
Added info:
I found this post asking almost the same:
https://kriesi.at/support/topic/bulk-enable-advanced-layout-builder-on-pages/
So I added this coe from Mike to functions.php in the child theme (with updated deprecated function of course):
// ***** TEST trigger ALB editor always on load, regardless of previous saving *****/
function trigger_alb_on_load(){
?>
<script>
(function($){
$(window).on('load', function () {
$("#avia-builder-button").trigger('click');
});
})(jQuery);
</script>
<?php
}
add_action('admin_head-post-new.php', 'trigger_alb_on_load');
Bur unfortunately it doesn’t make a difference, it still respects/opens with the editor/view in which the page was last saved.
-
This reply was modified 4 years, 4 months ago by
rob2701.
Hi aruizhuidobro,
The Enfold Restaurant Header doesn’t need to use the Header Widget Area, you just need to go to Appearance > Menus, then expand the menu item and you’ll see Menu Style and set it to Button Style (Bordered).
Hope it helps.
Best regards,
Nikko
A new thread started by email request of Yigit on this support forum.
Hi there,
On Nov 22, 2021 I have purchased a new version of the Enfold theme (version 4.8.7.1) from the Envato Market website. (because I wasn’t able to update from Enfold version 4.5 to the latest version, despite the Update Now button in the older 4.5. version).
After downloading, installing and activating the newer Enfold theme today I have a problem making changes on the homepage itself on my website. The homepage is continiously trying to load the info on the homepage without showing any information. (e.g. I use the ‘classic editor’ plugin).
If I deactivate the classic editor plugin the site comes up with a message “there is a critical fault on this site”. It doesn’t make any difference when I deactivate all plugins. Very enoying so far and now being busy for days in a row trying to solve this issue.
Therefore I was hoping that all update and homepage problems should be solved by purchasing the latest Enfold theme version. Unfortunally it doesn’t seem to work that way.
I have retrieved a valid Envato Market token for future updates. (using the envato market plugin) and upload the envato market zip file.
Further more: I use PHP version 7.4.25 from my hosting provider.
Maybe you can help me with any good information to solve this Enfold theme problem I have. Looking forward to your reply.
Best Regards,
Frits Stel – Netherlands
-
This topic was modified 4 years, 4 months ago by
Regina_2019.
Hi,
Hope you can help me with this. When I call for example:
https://domain.com/wp-admin/post.php?post=13841&action=edit&classic-editor=1
it opens in Classic Editor – Default Editor view.
To go the Enfold Advanced Layout Editor I need to click that button.
Is there a way to open a certain page by ID in the Advanced Layout Editor directly (so without the intermediate step of clicking the button)?
Rob
Added remark:
Or is it really as simple as using 0 instead of 1?
https://domain.com/wp-admin/post.php?post=13841&action=edit&classic-editor=0
-
This topic was modified 4 years, 4 months ago by
rob2701. Reason: added remark
Hi Support
We get this warning for Google all the time – Mobile Usability issues detected
1/ Text too small to read
2/ Clickable elements too close together
Our customers need it fixed,
NOTE: we are just using standard buttons and fonts from the Enfold Theme templates. It happens on many of our clients websites, no particular Template.
Please advise what the fix is, we can’t just ignore this our clients get very upset, and it hurts their Google ranking and indexing..
Attached is the screenshot from Google Search Console. As well as the HTML from the crawled page that Google listed in the Search Console.
Login details below for a new clients single page website, please let me know if there is anything else.
Thanks you
Dave Cane
you are reffering to a page ( you link above https://kriesi.at/support/topic/open-popup-modal-with-button/ ) – there are several snippets – but this is an older topic – you have to replace that line with mine – not to replace the whole code . This is mikes link to Ismaels Post . You see that here is the setting of no-scroll class on the initiating anchor. And you see that there is window on load.
___________
Some info on that.
So you have placed a hidden code block on the page. That codeblock got an unique ID – and an anchor is linking to that ID.
How would a (non-lightbox) link to an ID on the same page behave?
You click it, and it scrolls to the anchor there.
The trick with this modal window is that the html code is inside a code block. Nevertheless, the code block is in a place inside your DOM. So if this codeblock is at the bottom – the modalwindow opens, but still the window scrolls to the place where the codeblock is in the layout. This can be prevented in Enfold, by setting the class no-scoll to that link.
The fact that the background no longer moves with the scroll when the lightbox is open has become standard – or so I thought. (This is what Mike had recommended and belongs to the earlier solution to assign the property overflow-y: hidden to the html.
If you could please post your snippet here, then I can tell you better in this regard what to change.
Hi,
To not have a menu icon in mobile for your sub-menu please change the Mobile Menu Display option to Display Full Menu

As for having a sticky sub-menu on mobile, I have a solution that works on an Enfold install, but it doesn’t seem to work on your site, perhaps due to your sub-menu has the menu button showing right now, but you can try.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:
function custom_script() { ?>
<script>
(function($){
$(function() {
var scroll_start = 0;
var startchange = $('#sub_menu1');
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
document.getElementById('sub_menu1').classList.add('sticky-top');
} else {
document.getElementById('sub_menu1').classList.remove('sticky-top');
}
});
}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');
and add code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
.sticky-top {
position:fixed!important;
top:0!important;
z-index:10000!important;
}
if this doesn’t work Please include an admin login in the Private Content area so we can investigate.
Best regards,
Mike
Hey covaun,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 990px) {
.home #av-layout-grid-1 .avia-button-wrap {
position: absolute;
bottom: -100px;
}
}
Best regards,
Rikard
Hi. I would like to create a store on my existing website using a buy button from Shopify. I would like to create the Shopify store from my wordpress site via Enfold. Unfortunately, as soon as I create a new page and insert a code block or text field “text” using the code snippet from Shopify via Avia Layout Architect Builder, it doesn’t work. However, as soon as I create a new page and switch to “Text” in the normal text editor, it works. But since I would like to create a responsive page with Avia Layout Architect Builder, it would be great if you could help me here.
Thank you very much.
Br, Harry
Hi Rikard. I don’t understand: the online site is on SiteGround
https://trikego.com/
and when I update Enfold from 4.8.7 to 4.8.7.1 (I just did it and immediately restored copy of restore) it happens that the image customizations are lost

and buttons

ONLY IN THE ENGLISH VERSION (the second language).
While on the site staging, I see that you have updated to 4.8.7.1 and those problems are not found: I go crazy !!! What can it depend on?
-
This reply was modified 4 years, 4 months ago by
Bruno. Reason: images
I fixed this problem by deleting both the video players on the page and then recreating them. They are now playing properly. There is a delay from when the video first displays and when the play button appears as an overlay and is active. Sort of like a refresh. With the existing Enfold video player they never displayed after the refresh. By recreating them, they now work.
Roger
Hi,
Thank you, it is better but not really what I wanted, the “request a quote” button is still bigger than the other. Do you know why the buttons don’t have the same design ? I tried to style them via enfold –> advanced styling but nothing changed.
https://v99dqr23s6x.c.updraftclone.com/en/produit/testo-310-lanalyseur-de-combustion-dedie-aux-installateurs/
Thank you very much for your help