Horizontal Scroll Appears

  • Hi, Hope you guys are doing good. I’m having issue with Ajax load more when used with Elementor. I’m using following repeater template to display an Elementor Pro Template (Single post).

    <?php
    global $post;
    echo do_shortcode(‘[elementor-template id=”228″]’);
    ?>

    When I use the short code on homepage to display posts designed via Elementor Single post it simply overflows horizontally & shows horizontal scroll bar.The scroll bar disappears if I zoom in to the page in browser and then zoom back to normal.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Darren Cooney

    (@dcooney)

    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)

    Video reference

    Thread Starter hsn071

    (@hsn071)

    Hi, Any update on this please?

    Plugin Author Darren Cooney

    (@dcooney)

    @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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Horizontal Scroll Appears’ is closed to new replies.