Elements not lining up on mobile

[Mandytpb]

Hi,

I’ve created this page: http://www.bellmobility.co.uk/mobility-scooter-hire/

But when I look at it on a mobile the columns are all mixed up?

What’s going wrong?

Thanks for any help

Mandy

[nabeel]

Hi Mandy,

Thanks for writing around! I checked your page setup and I see you’ve created separate sections for images, text and buttons which will stack up in mobile view. I’d suggest you to change the content structure for example: create 3 columns and each column should contain one top image then text and then a button. This will display correctly in all screen resolutions.

Hope this helps!

[Mandytpb]

thanks I’ll give that a go

[Mandytpb]

Worked a charm thanks,

The padding is slightly off on this page http://www.bellmobility.co.uk/mobility-scooter-hire/transportable-mobility-scooters-hire/

when viewed on mobile what am I doing wrong there!

[friech]

Hi Mandy,

It is strange because the uneven padding that is applied on the text element is from customizer CSS, but X does not really have that text padding setting on the customizer Maybe it is coming from a 3rd party plugin.

Anyways to resolve this issue, please set an even padding on the text element.

Hope it helps,
Cheers!