Mobile Images not positioning properly.

Hi all,

On my homepage the mobile browser editor isn't displaying properly. I have created an entire site which displays perfectly well aside from this first section.

I need to lay my image over my text in order for it to display properly on my actual mobile device. This does not happen in any other section or page on my site.

The first image is how I have it in my editor. The second image is how it displays in real life. 

Why is it that I need to overlap the image in my editor for it to display properly in a real mobile device?

Any help is appreciated. Thanks!

Hi,

What is site url? We can check easier

Thanks for the reply.
I had my brother check, he uses an iPhone and it displays incorrectly for him, but on my samsung it displays correctly. So odd...certainly need some sort of fix.

The URL is www.myvitaminscore.com

Pass: 1234

You can see here the 2 differences.
 

1. iPhone display

2. Samsung display.

Thanks in advance for anyone who is able to help.

Yes. It overlaps to me. When you edit page >> You can click Mobile icon on top right > Then adjust it to prevent overlap

4 hours ago, tuanphan said:

Yes. It overlaps to me. When you edit page >> You can click Mobile icon on top right > Then adjust it to prevent overlap

Yes, of course I had done this before. Every page works perfectly except this one. When I move the image so it no longer overlaps it leaves a huge gap for Samsung users for some reason.

I use a Samsung personally so when I edit the mobile site to not overlap it just leaves a large white space.

This was my issue, only on this one main page of my site does this issue keep occurring, and nowhere else on my site. 
 

On 9/16/2023 at 10:09 PM, tuanphan said:

Did you solve it? It shows fine to me now

Thank you again for the help. Much appreciated!