White Bar on Mobile Breakpoint

Ask the community
1

Hey,

This white bar shows up on my mobile breakpoint when I scroll to the right. It disappears when I get close to the bottom of the page. I can’t find what’s causing the issue. I’ve already checked for:

  1. Text boxes or other objects that might be in that area. there are none.

  2. The dimensions of the Header/Footer. They’re both set to the same dimensions as the rest of the sections on the page
    100% Width,
    320 min,
    750 max

  3. There is a grid on one of the page sections, but it only has one column. This problem was also present before I added the grid to the page.

I also notice a similar issue on my desktop breakpoint. If I reload the page while the header is off-screen, the white bar shows up but it is only visible if you slide over to it.

405×900 54.3 KB

2

Hey @cdour81233 , could you share your url please?

3

Sure thing: https://helpgemstonegames.editorx.io/mysite-1/lm-warlordprotocol

4

I think it might be to do with your hamburger menu. If you resize your browser quickly when at the footer of the page, you can make that element stick and inspect the element, within that if you go down the div you can hover the sidebar nav and close button.

2081×1241 271 KB

5

What do I change inside of Editor X to fix this?

6

@cdour81233 I think talking to @jonathant Will be your best bet, he’s part of the Editor X team. Just thought I would share what I found, whilst digging. It might be worth temporarily removing the hambuger menu and see if it fixes it.

7

@cdour81233 I see that you’ve managed to fix the issue.
But I also see that there’s some overflow on desktop that is caused by min-width on some containers and BG images.

979×970 216 KB

I would suggest to remove the min-width, and if needed, to create another breakpoint and readjust the layout on it.