• Resolved golded

    (@golded)


    hi, i created a home made header with elemento for this website :

    On mobile only, there is a margin who appears when we moove the screen with the finger, there is a margin on the right who appears.

    I check the responsive version (layout etc) for the header but impossible to understand what is the problem. I set a column 80% (logotype) and 20% for me burger menu on mobile. If i set 60% and 40 % it works well without margin on the right.

    Thanks in advance for your help.

    Regards

    • This topic was modified 7 months ago by James Huff.
    • This topic was modified 6 months, 4 weeks ago by Jan Dembowski.

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • Plugin Support vipul78

    (@vipulelementor)

    Hi

    I was trying to access your site but my browser’s security detects some malware or similar detection so I wasn’t able to see the issue.

    For such an issue where horizontal scroll shows for mobile you can check this guide – https://elementor.com/help/horizontal-scrollbar-on-mobile-devices/

    Thread Starter golded

    (@golded)

    hi, a malware? strange, i dont have this issue, maybe it’s caused by the redirect bitly.

    how can i send you the link ? I don’t want to show the real link.

    I read your article but there isn’t an horizontal scrollbar…but there is a space.

    Regards

    Plugin Support aracelil

    (@aracelil)

    Hi, @golded.

    Thanks for your reply. After inspecting the page on a mobile device, I believe you are referring to the white space on the right that appears when swiping to the left. On my end, I am able to see the horizontal scrollbar on the bottom when this occurs.

    This behavior is typically caused by an element causing an overflow in one or more sections/containers on the page, or in a container in the header/footer. As such, please follow the steps in the guide below to fix the issue:

    https://elementor.com/help/horizontal-scrollbar-on-mobile-devices

    If we are misunderstanding, please provide screenshots or a brief screencast demonstrating the issue so that we can better guide you.

    Kind Regards.

    Thread Starter golded

    (@golded)

    hi, ok i see too a very small scroll bar on mobile, i checked your article, thanks it’s works BUT now, there is a bug with the menu mobile, only on page is displaying instead of all pages.

    Thread Starter golded

    (@golded)

    i set like before because the website is online and using

    Plugin Support Elementor Team

    (@ricav)

    Hi @golded,

    I am not sure I understood your issue correcly. Could you elaborate on the issue with some screenshots or even a screencast? https://www.loom.com/

    I’d also suggest to try out safe mode. Go to Elementor > tools , choose “enable” to the Safe Mode setting, and click save changes.

    “Safe Mode” is a safe environment that isolates Elementor and WordPress from all themes and plugins, it helps multiple users solve issues like this.

    Read about the feature here: https://elementor.com/help/what-is-safe-mode/

    If it did help, then there is a plugin/theme conflict that causes this issue, try to deactivate all plugins and turn them one by one till you find the culprit.

    Hope it helps.

    Kind regards,

    Thread Starter golded

    (@golded)

    hi, if i set “hidden”, the mobile menu displays only one page (assurance automobile) instead of severals pages (assurance automobile, …). I left the bug like that online if you want check on this website https://allianz-devis.fr/

    Regards

    • This reply was modified 6 months, 3 weeks ago by golded.
    Plugin Support Milos

    (@miloss84)

    Hi there

    Thanks for contacting us and hope you are doing well and having a great day.

    Upon inspecting the your site, I was not able to reproduce the issue as shown in your screenshot.

    Please refer to this screencast I made to show you how it looks on my end.

    May I ask has this issue been resolved from your end as well or is there something I am missing?

    If you are still experiencing this issue, could you send us a short screencast, demonstrating this issue and how we can reproduce it on your site, this way we can have a better visual understanding and see if there is something I missed checking this from my end?

    Thanks for your patience. I will be looking forward to hearing from you.

    Kind Regards

    Thread Starter golded

    (@golded)

    hi,

    On your screen shot, you tested th previous bug with the margin on the right who appeared but now, i set “hidden” for the Layout, but as i said, now, If i set “hidden”, the mobile menu displays only one page (assurance automobile) instead of severals pages (assurance automobile, …). Please recheck. The problem now, it’s about the menu who not display all sub menu.

    Thanks

    Plugin Support Milos

    (@miloss84)

    Hello there,

    Thank you for your patience!

    Would it be possible for you to please provide us with a screencast demonstrating the issue?

    This will be useful to us as we will better understand the issue you’re experiencing and provide you with better support.

    I am looking forward to your reply!

    Thread Starter golded

    (@golded)

    hi, i should to set a website without bug bug so i re put the section without bug, I made video recordings so you can understand better :

    bug (menu don’t appears weel) with Layout > Additional Options, set?Overflow?to?Hidden: https://www.loom.com/share/770459fd85664a37aac7c18647337f32?sid=ae5d6f59-e5f6-488a-a3d6-0be35e9a1656

    and how it should be displayed : https://www.loom.com/share/de4d37d748db4f57865c895e2d559d72?sid=43c2d6c9-3a7b-49c0-ab1d-3e5b5bb43824, but with a white space on the right that appears when swiping to the left

    thanks

    regards

    Plugin Support vipul78

    (@vipulelementor)

    Hi

    Okay I do understand how it should look like

    So your setup without the overflow hidden is correct and it should not be using “hidden”, it should be default.

    What I need more info about is this line “but with a white space on the right that appears when swiping to the left”

    Can you please elaborate?

    Thread Starter golded

    (@golded)

    hi,

    this bug ““but with a white space on the right that appears when swiping to the left”” is the same that explains here :

    https://elementor.com/help/horizontal-scrollbar-on-mobile-devices/

    you have to check with your mobile te see the bug.

    regards

    Plugin Support marthaeli

    (@marthaeli)

    Hi @golded,

    After looking at the issue on a mobile phone, I can see it is coming from the theme Astra. If I added overflow: hidden on the page, the problem does not happen.

    https://postimg.cc/t7sgPL96

    Please change the theme temporarily to a different one, check if the issue persists.

    I hope this helps!

    Kind Regards.

    Thread Starter golded

    (@golded)

    nobody can help me ? I notice that it’s not a bug of the theme astra because i use it on other website who has not this bug this the same setting with elementor builder header footer.

    Regards

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