Hi @hsn071
Not sure why that is happening, but you could add some css to fix this.
html{
overflow-x: hidden;
}
hope that helps.
Thread Starter
hsn071
(@hsn071)
Hi thanks for the prompt response. I have fixed it using overflow-x:hidden; on the elementor-inner div. Perhaps it was elementor causing the issue. Another issue I have right now is I have created a mailchimp form using elementor form widget. I’m using this form at the bottom of same single post template I have talked about (On Mobile Version & tested on desktop too did not work). The form is an ajax based form, however when I click on submission (signup button) the page refreshes and form sends no information. Can you please let me know about this issue?
Also I have tried the same elementor form on desktop it did not work so I’m using another form on desktop version. However I don’t want the one I’m currently using as it has css issues.
I’m also attaching my repeater code and short code.
I’m using two short codes, the first one loads recent five posts, the other one loads remaining once user scrolls down.
Also adding the video reference which shows the same form not working on homepage (I use ajax load more on homepage) while same form works perfectly on other pages. So the issue is definitely with ajax load more.
Repeater template:
<?php
global $post;
echo do_shortcode(‘[elementor-template id=”228″]’);
?>
Short code 1.
[ajax_load_more id=”1122″ loading_style=”infinite skype” post_type=”post” transition=”none” destroy_after=”1″]
Short code 2.
[ajax_load_more css_classes=”abc” post_type=”post” offset=”05″ pause=”true” pause_override=”true” transition=”none”]
Thread Starter
hsn071
(@hsn071)
Hi, Any update on this please?
@hsn071 If the form is submitting via Ajax it may need to be initiated after an Ajax load.
I’ll recommend reaching out to Elementor to ask how to initiate the form handlers after being loaded via Ajax.
Let me know if they get back to you.
Thread Starter
hsn071
(@hsn071)
Thank you, I’ll contact them and update!