Trying to figure out why my website width is not 100% on mobile

  • Resolved cuberuler

    (@cuberuler)


    9 months ago

    Hello,

    As always, thank you so much to everyone for your help. I am developing the above website and on the mobile display, there is a white bar to the right. I am curious if this is an issue of some element – it must be – would you be as kind as to help me find the CSS or element that is causing the white bar on the right, on mobile? The site is live right now so I am trying to get it fixed as soon as possible. I will be extremely greatful.

    Thank you so much y’all,
    Chris

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • threadi

    (@threadi)

    Have you already solved this? Because I don’t see a white bar in the mobile view. I have also tested it with different browsers.

    Thread Starter cuberuler

    (@cuberuler)

    It is only on mobile, and is also a problem for the company that I designed the website for. It looks fine when you load it, however, when you try to swipe right there is a white bar of space. Something is set to over 100% width or something, and I cannot find out what. Just need to find the element stretching the page over 100% on mobile (because when you can wiggle it side to side, it looks weird). It should only be able to be swiped up and down, right?

    Thank you again for your investigation, I wish tips were allowed. <3 from another learning developer ??

    threadi

    (@threadi)

    Could now only reproduce it in Chrome and also find the reason. Since you are using Elementor, this is quite difficult to describe. You have several containers in the page. One of them has this set as margin: -40px -40px -40px -40px -40px – which means it is set quite diagonally and causes the excess margin to the right. If it helps: it is the widget with the class “elementor-element-74fcd94”.

    Thread Starter cuberuler

    (@cuberuler)

    Wonderful, thank you so, so much. I am looking for it now; I assume it is only set like that on mobile.

    Thread Starter cuberuler

    (@cuberuler)

    Yes, I found it!! You guys are awesome, thank you so, so much. I really really appreciate the time. I know my elementor design is a little messy with too many containers, I am learning ??

    Do you recommend a page builder other than elementor? It’s easy to use…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trying to figure out why my website width is not 100% on mobile’ is closed to new replies.