Hello,
My site is published and live but I have an issue with a mobile version. On one of the pages I have text and photos combined. When my website is looked on my pc everything seems ok and previews on PC screen for both versions are also fine. But when my site is opened on mobile that particular page shows overlapping images over the text - the photos goes over the text.
I have tried to arrange the page many times and change many elements, but I don’t have solution. Did anyone have any similar issue? Can anyone help?
I really need help as this is a last step before I can start publishing on my site. Many thanks!
What does the preview look like for that page when opened in both the desktop editor and the mobile editor?
Try moving the text and the pic right up to the side margins of the mobile editor, don’t leave any gaps on between the sides of the display and the text and pic elements and then see if they are overlapping still.
Also, note that the desktop is horizontal and mobile is vertical viewing, so you may not have the room to display elements next to each other on mobile like you can on the desktop.
Try moving the text above the pic or the pic above the text, also remember that not all mobile screen sizes are the same, so some displays may push elements closer together than shown on the mobile editor.