Stretch Section (overflow) issue

  • Resolved eeeeeeehsan

    (@eeeeeeehsan)


    5 months, 1 week ago

    Hi everyone

    I created a page using Elementor with the WordPress default theme Enfold. The headers and footers are made using the Elementor Header Footer Plugin. The issue I’m encountering is that the page width overflows even when I turn on the stretch button. This problem persists even if I create a new page with canvas. I’m experiencing this issue on tablet portrait and landscape, as well as on mobile portrait and landscape, but not on laptop or desktop.

    I want the mobile and tablet to display the elements without overflow and in full width.

    I appreciate your help.

    Image:

    • This topic was modified 5 months, 1 week ago by eeeeeeehsan.
    • This topic was modified 5 months, 1 week ago by eeeeeeehsan.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Alain

    (@alainelementor)

    Hello @eeeeeeehsan !
    Thank you for contacting us.

    I was reading your previous message, and I understand it.

    In this case, I could replicate the issue you mentioned.
    After some debugging, I noticed there are custom overflows on so many widgets on your homepage coming from Motion Effects, Transform effects, and their Responsive settings.
    Take a look at this link and you’ll see a gallery of some of the overflowing items: https://postimg.cc/gallery/vfH8fmD

    You will need to debug and change multiple custom settings, so I really need you to read the following posts to thoroughly understand what you will need to change on your widgets and sections/containers:

    I hope this can help you.
    Let me know if you have other questions related to Elementor.

    Regards.

    Thread Starter eeeeeeehsan

    (@eeeeeeehsan)

    Thank you for your prompt response. I’m reading the links you provided and let you know the results.

    Thread Starter eeeeeeehsan

    (@eeeeeeehsan)

    Hi again

    Regarding the issue, I appreciate your help, but the links you provided didn’t help me much.

    Please refer to the attached image below. I’ve created a new page using Elementor Canvas, and there’s nothing on the page yet. However, as you can see, there are some overflows on my page. I can’t figure this out, as I’ve never had this issue with my sites before.

    I need to mention that this problem exists in table portrait, mobile portrait, and mobile landscape layouts.

    Image:
    https://postimg.cc/1nhPrR5H

    Thread Starter eeeeeeehsan

    (@eeeeeeehsan)

    Any suggestions?

    Alain

    (@alainelementor)

    Hi again @eeeeeeehsan ,
    Thank you for the heads up.

    Please send us the exact URL of the testing page you mentioned so we can see what’s causing the overflow.
    Besides that, in the meantime, please try to keep checking what could be causing this. Switching to a default theme and disabling third-party plugins could also help.

    Keeps us updated.
    regards,

    Thread Starter eeeeeeehsan

    (@eeeeeeehsan)

    Here is the new canvas page with no elements:

    https://zpolymer.com/test2

    Thread Starter eeeeeeehsan

    (@eeeeeeehsan)

    I found the issue. I switched the theme to Hello, Astra and some other themes and found out that the problem is with my “Enfold” theme. I’m going to contact the theme developer and ask them to fix the issue! Thank you for your support.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.