Resizing question - iPad/Mac/Galaxy S4

Shapely
1

Hi,
First of all, thank you so much for all the help you have provided to the forum - it is truly appreciated.

 My hope page looks different on my 3 devices - iPad, Mac & Galaxy S4.  Is there something I need to do to keep things looking consistent across these, and most importantly, future platforms & devices?

 Thanks again!
2

For some reason, screenshots won’t attach… site is themavenmethod.com

3

Mobile screenshot attached - subtext cut off at both ends

4

Hi @derahntjohnson,

I hope you are well today and thank you for your question.

My hope page looks different on my 3 devices – iPad, Mac & Galaxy S4. Is there something I need to do to keep things looking consistent across these, and most importantly, future platforms & devices?

The theme is responsive so it displays content differently on different screen sizes so that users can use and read it easily.

Apart from the text cut as shown in your shared screenshots what is displaying different for you?

Mobile screenshot attached – subtext cut off at both ends

This is because you have added that text in the image instead you should add it in the shapely parallax widget field.

Best Regards,
Movin

5

Here are the differences I see (compared to the reference iPad image, which looks perfect):

Mobile: The entire image is cropped on both left & right sides, not just text. Top to bottom is intact. (Image attached)

Mac: Image is cropped at top, and the header obscures an additional part of the top image, which i do not desire. Left to right width is intact. (Image attached)

DJ

6

Here’s an update: I compared the layout of the sample Shapely theme on both mobile & laptop. It seems as though my problem is not specific to my site only - even in the sample theme, the home image is cropped on both left & right sides on mobile version.

So, in light of that, i plan to remove the text from the actual jpg image, and add it to the shapely parallax widget field.

Thank you very much!

7

You are most welcome here :slight_smile:

The issue is already discussed in the following topic.

https://colorlibsupport.com/t/hero-image-not-proper-on-mobile/