-
Posts
-
Hello,
A problem has appeared on my website and I need your help.
Whenever I click on any of my buttons with “I would like to make an appointmnent” it automatically schrolls to top of my page and I can’t see the pop up contact form. Example:
On this page (https://www.mel-dent.si/en/dental-office) we have multiple “I would like to make an appointmnent” buttons. I would like, when I press the button, to just open pop up contact form and not scroll to top of the page. Can you help me?I need another small assistance, as in theme options I can’t add TikTok icon to my socials, as it’s not available. How can I put a TikTok icon next to FB and IG icons?
Thank you for helping me!
Best Regards, LovrovHey lovrov,
Thank you for the inquiry.
Looks like you are using a third party plugin for the popup. You may need to ask the plugin developer for more info about the issue. And regarding the social icon, please check the thread below.
// https://kriesi.at/support/topic/tiktok-icon-social-media-buttons/#post-1395376
Best regards,
Ismaelyou mean that scroll of the background when the lightbox is open?
add this filter to your child-theme functions.php:add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );EDIT: Sorry did not see that you are not using enfold popup script but the fancy box. There might be a similar way to hamper scrolling.
the point is to avoid scrolling of body
did fancybox got some settings for overflow-y for before and after close?beforeShow: function(){ $("body").css({'overflow-y':'hidden'}); }, afterClose: function(){ $("body").css({'overflow-y':'visible'}); }Hello,
Thank you all for your answers! I have used those codes in functions.php and it just won’t work. When I put this code:
beforeShow: function(){
$(“body”).css({‘overflow-y’:’hidden’});
},
afterClose: function(){
$(“body”).css({‘overflow-y’:’visible’});
}
I get error message: syntax error, unexpected ‘(‘, expecting variable (T_VARIABLE) or ‘{‘ or ‘$’I used a text block and the code, used for this pop up is:
<div class=”avia-button-wrap avia-button-center avia-builder-el-44 el_after_av_hr avia-builder-el-last “><span class=”avia_iconbox_title”>Želim se naročiti</span></div>
<div class=”fancybox-hidden” style=”display: none; text-align: center;”>
<div id=”contact_form_pop2″>[contact-form-7 id=”1536″ title=”Contact – Medicinska estetika”]</div>
</div>
There is no other third party plugin for this popup, just contact form 7. Is there a way we can solve this here? This is better support than contact form 7 has got. You can log in the website.For TikTok, I hoped it would be more simple. Do you maybe plan to integrate TikTok in the newer version of enfold theme? So it won’t need a custom icon and a bunch of code.
Thanks again for all your answers, I appreciate them all.
Best Regards, LovrovHi,
The TikTok icon is not available on Fontello.com so we can’t add it to the theme yet, please follow this tutorial I have included a TikTok icon that you can download in the tutorial.Best regards,
MikeThis wasn’t meant as code for functions.php either; if I put something like this out there, I’ll write it explicitly.
It was what I found on the net as a suggestion, so you should better ask the developer of the plugin! The fact is that it has to do with the overflow-y of the background. Whether they have a hook for that or you can enter that in the callbacks at the plugin you have to ask the developer there.Thank you all for your time and help!
I will message developers of contact form 7 plugin. The problem is that nothing has changed on the website, the issue just appeared.
You can close this ticket now.Best Regards, Lovrov
Hi,
We will close this as you have requested, 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
- The topic ‘Pop up is jumping to top of page’ is closed to new replies.