-
Search Results
-
Enfold Avia Buttons not working on mobile.
If you look at the page http://headstartprimary-whdsolutions-com.stackstaging.com/ and click the buttons
Inspection copies available on FREE APPROVAL – Click here
and
SHOP NOW
They simply reload the home page!Hi
What causes an Enfold Button not to be clickable on larger screen devices.
An example is on the Home page again of https://dev.davecane.com/To the left of the video and below the header. It is a button called ‘Call Jason’ and it’s not clickable.
The Enfold button is within a 1/2 page section that is in a Color Section.What is the fix for this?
These issues are the same on Chrome, Safari, and Firefox.
I appreciate your help :)
Thanks, heaps
DaveYou like to have an acceptance button – but for enfold contact form?
By the way – dear Dev’s – might be a nice to have thing: acceptance Checkbox
You had to know the ID of the checkbox you like to have as an acceptance button. ( on my example it is checkbox with ID: avia_5_1 )
if you are not familiar with developer tools – you even can count from top to bottom – left to right. – you see on my test page that it is the 5th element on that form.
By the way – if it is the last visible element before submit you can use as selector even the class: av-last-visible-form-element
With the setting of that checkbox you can style and influence the behavior of the submit button:this code here is for a specific page – you had to adjust it to your page ID.
code comes to child-theme functions.php:
function change_submit_button(){ if(is_page('38472')){ ?> <script type="text/javascript"> (function($){ $(document).ready(function(){ $('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({ 'background-color': 'red', 'pointer-events': 'none', }); $("#avia_5_1").on( "click", function(){ var a = $("#avia_5_1"); if(a.length == a.filter(":checked").length){ $('form.avia_ajax_form').find('input[type="submit"]').val("Submit").css({ 'background-color': 'green', 'pointer-events': 'auto', }); } else{ $('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({ 'background-color': 'red', 'pointer-events': 'none', }); } }); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'change_submit_button');PS: Change value ( Stop, Submit ) to your needs.
results page: https://webers-testseite.de/contact/In reply to: Links in the Small bar above Main Menu
Hi
I have uploaded this site from localhost to a real web host https://dev.davecane.com/ so you have access (see details to log in)I have a few issues all on the home page of https://dev.davecane.com ;
1/ Is the issue above about having a white phone number in the section above the header on the transparent background. Yet it needs to be visible on mobiles and on other pages that don’t have transparent header selected. As that section has a white background when it has no transparent header covering it.2/ On the home page we are using ‘Full-width Easy Slider’ with ‘transparent header’. The Captions (Heading and subheading) is set as ‘Centre without frame’.
BUT, on small screen devices, the Caption it is not in the centre of the header slider. The Caption gets cut off by the bottom of the header image section.
How do we get it to stay in the middle on all screen sizes when the Transparent header is selected?3/ What causes an Enfold Button not to be clickable on larger screen devices.
An example is on the Home page again of https://dev.davecane.com/
To the left of the video and below the header. It is a button called ‘Call Jason’ and it’s not clickable.
The Enfold button is within a 1/2 page section that is in a Color Section.
What is the fix for this?These issues are the same on Chrome, Safari, and Firefox.
I appreciate your help :)
Thanks, heaps
DaveHi,
Thanks for that. You can change the background colour of the sub menu items under Enfold->Advanced Styling, and the button styling can be removed under the menu item in question if you go to Appearance->Menus.
Best regards,
RikardTopic: lightbox transparency
hi there,
in private content you will find a link. with a click on the blue button in the middle a lightbox will open and show an iframe. i could setup a transparent background for that.
unfortunately this change effected the background of the gallery of the iframe also (you will see by clicking on the thumbnail).
is there a possibility to keep the setup of the iframe lightbox, but setup the lightbox of the galleries back to enfold standard?i hope i explained it right…
thanks in advance for feedback.
best regards
ferdleHi,
we are on the latest version of WP and Enfold.
we have some pages, where we don’t know but, they are not displaying the latest version of the Page after hitting the update button.
When we head over to the Classic editor view (order preview button we can see the changes).But not in the advanced editor nor in the fronend of the page.
Our local environment hast other PHP Version and server settings it still doesn’t work.
Disabling other plugins its still not working.
Whats wrong?
When the Cookie Bar is set to display, and the OK button is pressed to accept cookies, the page fails to reload. If F5 is pressed, the cookie bar displays again meaning the acceptance of the cookie has not been saved.
As per our contribution to this thread:
This is a new ticket to provide our private data securely.
You recommended the following
Thank you for the update.
We can reproduce the issue on your installation, but we are not yet sure what’s causing it. Please try to edit the enfold\js\avia-snippet-cookieconsent.js file, look for this code around line 142..
location.reload(true);
.., then replace it with..setTimeout(function () {
location.reload(true);
}, 10);
After doing the modification, please toggle the Performance > File Compression settings, then test the privacy options again. You may need to delete the cookies from the browser’s local storage.Best regards,
IsmaelOur response:
I tried doing this.
I found two instances of
location.reload(true);
neither of which was around line 142. So I edited the first one.which was immediately preceded by
aviaSetCookieToggles( ‘set’ );
if( $_html.hasClass( ‘avia-cookie-reload-accept’ ) )
{
if( reload_tooltip.length > 0 )
{
reload_tooltip.closest( ‘.avia-privacy-reload-tooltip-link-container’ ).addClass( ‘av-display-tooltip’ );
reload_tooltip.trigger( ‘click’ );
}
I then went to Performance and file compression and turned both CSS and JS on, saved then went in and turned them off again. I turned on my cookie notification bar again and cleared the browser of the cookies.When I tested, the cookie bar displayed, but when I clicked on the OK button, the screen still went blank. This time though when I pressed F5 to refresh the screen, instead of getting the page with the cookie bar again, I got the page but with a whole extra bit at the bottom about cookies
In reply to: Delete Basket Woocommerce in menu
Hello
My site is currently in 2 languages (French and English).
Woocommerce works in French and English.
The basket icon in the menu allows you to view the number of items there is in it and to display a mini cart with a mini list of items, their mini photos as well as 2 buttons “See the Cart” and ” Order”.
In French, this mini cart is in French but when I am in English, it remains in French.
Not knowing how to solve the language problem, the solution I found would be to remove the cart icon from the menu and add a cart item in the menu, with a “Cart” submenu with a link to the Cart page and another “Order” with a link to the Order page. It works very well in both languages. But you must remove the icon of the mini Cart by default in the menu.So there are 2 solutions
1) Fix the mini basket translation problem
or
2) Remove the mini basket icon from the menu and replace it with a “Cart” menu item with “View Cart” and “Order” submenu.
To remove the mini cart icon from the menu, the ideal would be to add the option “disable mini cart from the header” in the Enfold options of the store.Thank you in advance for your assistance
In reply to: Social Icons in Footer Widgets
Hi sasserp01,
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
.social_bookmarks_facebook a::before, .av-social-link-facebook a::before { font-family: 'entypo-fontello'; content: ''; } .social_bookmarks_instagram a::before { font-family: 'entypo-fontello'; content: ''; }If you need further assistance please let us know.
Best regards,
VictoriaTrying to activate the Google Services via the Enfold Theme Options
I select Use Google Maps and inset the API key then get this message.
“(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.)”In reply to: Add search icon to footer navigation
And to what direction the search-input field should open?
Where does the ajax search results should toggle?
What happend to the scroll to top button?This in child-theme functions.php will place the magnifier icon in the menu3 of enfold:
function avia_append_search_nav3 ( $items, $args ) { if ((is_object($args) && $args->theme_location == 'avia3') || (is_string($args) && $args = "fallback_menu")) { global $avia_config; ob_start(); get_search_form(); $form = htmlspecialchars(ob_get_clean()) ; $items .= '<li id="menu-item-search3" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special"> <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'> <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span> </a> </li>'; } return $items; } add_filter( 'wp_nav_menu_items', 'avia_append_search_nav3', 10, 2 );but i do not know how to get the ajax search results to show
Hi There,
It seems Enfold is not compatible with B2B Markets from Marketpress (https://marketpress.de/shop/plugins/woocommerce/b2b-market/).
And yes, we already contacted their support. Their answer:”We looked at this and found that the problem is related to your theme. You seem to be using a separate button for registration, which does not trigger the $_POST request to create an account.”
What can we do?
Thanks
In reply to: Nav Menu Left and Button on Right
Hi,
Thanks for that. Could you post a link to the actual site as well please? The button to the right can be added in a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
RikardIn reply to: How to disable logo auto-resize?
Thanks Rikard for your reply.
I try to describe my iter to upload my logo:1) I create a logo of 340×115 px
2) I go to Enfold > option theme > logo. I click on “upload” blue button anche i choose my logo (340×115)
3) I click on “save all changes” on blue buttonWhen I see frontend site, my logo is 300×100 pixel
If I go to “header option” and I set custom header size (for example 200px), my logo size remain of 300×100 pixelI don’t understand where I can set logo dimensions.
Thank for your support
In reply to: Hamburger Menu on Desktop
Hi,
I went to Appearance > Menus and added a “Donate” button as Custom Link to your main menu then added following code to Quick CSS in Enfold theme options > General Styling
.home #avia-menu > li#menu-item-4126 { display: block !important; float: right; }You can do the same on the live site, you would only need to change menu ID (4126 in example above). You can go to Enfold theme options > Advanced Styling and edit “Menu Item Button” to change the styling of the menu item as needed :)
Best regards,
YigitTopic: Enfold Mobile Help
Hello.
Here is a link to the website I’m working.I have three things I need to adjust for mobile only and I’m not sure how.
1. The social media icons won’t show up on mobile. They should be in the top black bar.
2. I need “Paul Marshall Writes” that is in blue at the top to be centered.
3. I need the black and white photo of the man a little larger on mobile. The photo that is in the black bar under the “Meet Paul” button.Thank you!
KristinIn reply to: Donate button Static
Hey sylwilson,
Thank you for the inquiry.
We can add the button separately as a widget then have this widget display in the header container using template hooks in the functions.php file. Please check the documentation for more info.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
If you prefer not to use a widget, we can use the same hook to directly render the button instead.
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { echo "<div class='av-custom-donate-button'><a href='#'>Donate</a></div>"; }We can then style the button with this css code.
.av-custom-donate-button { /* style here */ }Best regards,
IsmaelIn reply to: Woo Commerece Columns equal Height
Hi,
Thank you for the inquiry.
You can modify the “show details” text by editing the avia_add_cart_button function in the themes\enfold\config-woocommerce\config.php file directly. You can also remove the current hook..
remove_action( 'woocommerce_after_shop_loop_item', 'avia_add_cart_button', 16);.. then add your own using the same function.
add_action( 'woocommerce_after_shop_loop_item', 'avia_add_cart_button_mod', 16); function avia_add_cart_button_mod() { // same code with a bit of modification }Best regards,
IsmaelIn reply to: Button Color, Alignment and Translation Problem
Hi Pedro Pereira,
– Change the fonte color in the #top .avia_cart_buttons ?
Just add color to the code Ismael gave:#top .avia_cart_buttons { background-color: red; }to:
#top .avia_cart_buttons { background-color: red; color: white; }– And take out the mouse over effect in same buttons?
#top .avia_cart_buttons { opacity: 1; }– And in the same buttons I need to chage the text “Show Detais” to “+Info”
This needs to be tweaked in wp-content > themes > enfold > config-woocommerce > config.php (line 452):
$output .= ‘get_id()).'”> ‘.__(“Show Details”,”avia_framework”).’‘;
replace Show Details to +Info in that line of code.
You’ll need to modify this every theme update. :(Best regards,
NikkoHello Kriesi staff,
I am contacting you to receive help. I tried to follow and use the forum https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area but widget is not still visible. i tried to follow https://kriesi.at/support/topic/button-on-header-right-hand-side/ but still widget is not visible
Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
.caption_bottom .slideshow_caption .slideshow_inner_caption { position: initial; } .avia-caption-content a.avia-button { display: table; margin: 0 auto; width: 50%; } .avia-caption-content p, h1.avia-caption-title { text-align: center; }Best regards,
RikardTopic: All icons missing
Hello,
WordPress 5.4.2
Current Enfold Theme Version Number is 4.7.6.1
PHP version: 7.3.12All the fontello icons on buttons, Woocommerce shopping cart icon, etc. are missing seemingly overnight on my site. I went through and disabled plugins that I had just recently installed (though I saw no issues when I installed them) but nothing brings the icons back. It seems this issue is common on Enfold as I have found several threads about the issue, but it’s a little vague as to what causes this all of a sudden.
I tried all CSS based solutions proposed in other threads, but nothing works.
I’ve cleared my browser cache as well as site cache (just using default GoDaddy Managed WordPress cacheing at the moment) but that doesn’t work either.
I’ve uploaded a fresh copy of Enfold to the site, still nothing.
I’ve viewed the site in multiple browsers in incognito, and all icons still appear to be missing.
Hello! I have looked all over and I have not found any code that works to do what I need. I am referring to the documentation here: https://kriesi.at/documentation/enfold/fullwidth-easy-slider/ but the code does not seem to do what it is supposed to. I want to replicate the look of the sample under “Slider caption above title”, but that code doesn’t seem to work for me.
My website I am working on is currently in “coming soon mode”, so please log in with the provided credentials to see what I have going on so far in the General Styling CSS.
Topic: Mobile WooCommerce issues
Hello Enfold support,
Hope everyone is doing well.
I have some issues with a couple of things where I would really appreciate your help. I have tried to figure out which classes to use, what to modify etc, etc, but nothing has worked so far. I have added a link to the images where you can see what I mean.
Issue #1:
MOBILE – When you go to a product in a mobile phone (this issue doesn’t show in the chrome developer/inspect browser in desktop) and go to the dropdown menu and select color or size (Image IMG_1.png) there is a zoom effect (Image IMG_2.png) and cuts the content of the page and stays like that (Image IMG_3.png). How can I get rid of that effect?Issue #2:
MOBILE – There is a different space to the right and the left of the billing details (Image IMG_3.png)Issue #3:
MOBILE – In the checkout page the look is very messy (Image IMG_5.png). I was able to do some testing with the element style but couldn’t figure out how to do it or what classes to change. On (IMG_5-Modified,jpg) you will be able to see what I would like to do. Align the boxes with the text above, decrease the size of card number, expire date, and card code (CVC) text to 12px to be able to fit them nicely.Issue #4:
DESKTOP/TABLET/MOBILE – In the My account page the register button is outside the box and couldn’t figure it out how to fix it.I really appreciate your help on these issues. Thank you for looking into it.
Topic: extension offer
Hi, Today I recieved an email with an offer to extend my support on Enfold. However, the button in this email doesn’t link to that offer, it just links to a page where I can buy the theme all over again. please help
Topic: extension offer
Hi, Today I recieved an email with an offer to extend my support on Enfold. However, the button in this email doesn’t link to that offer, it just links to a page where I can buy the theme all over again. please help
Topic: extension offer
Hi, Today I recieved an email with an offer to extend my support on Enfold. However, the button in this email doesn’t link to that offer, it just links to a page where I can buy the theme all over again. please help
Topic: Tracking download of a file
Hello there, I need to track how many times users download a file (or click an enfold button). Do I have to use a plugin? Which one could be the best and most compatible with enfold? I am pasting in the private content the url of the page with two buttons I need to track. thanks!
Nope, this is not what I see there…
As I wrote above: In Enfold “HelveticaNeue” is nowhere defined. In Enfold > General Styling > Fonts (tab) there is a font defined, which I uploaded.
This one is correctly used in all headlines within the content area of the theme. HelveticaNeue is used only in Avia-Modules such as “Special Headline”, “Buttons” and so on…
