Mobile Responsive not working for 1 page

Design help General
1

Hey guys :wave:

Came across a pretty weird issue I am having with one of my blog pages.

On the designer the page looks and functions has it should (see image below):

Annotation 2020-03-24 184443
Annotation 2020-03-24 184443570×786 63.7 KB

However when I look at the site on my phone the site isn’t responsive and the words are spilling out of view (see image below):

Screenshot_20200323-151304
Screenshot_20200323-1513041080×2220 610 KB

I have tried putting the entire wrapper into the stock container and still not luck. I have also tried different browers and phones and still the same issue.

I was wondering if someone could give it a set of fresh eyes and help out here.

*note - all other blog pages are working correctly and display perfectly fine. Its just the 10/20/70 Facebook Ad Strategy page that is giving me issues.

Thanks!

Here is my site Read-Only: https://preview.webflow.com/preview/lookmedia?utm_medium=preview_link&utm_source=dashboard&utm_content=lookmedia&preview=ff06fec6ab48471442321db1ea53226b&mode=preview

2

I believe the width issue is being caused by the Giphy embed you’re using in the Rich Text Field for the CMS item. Instead of adding an embed to your CMS item, why not just add the actual GIF file to your CMS item?

https://www.loom.com/share/cf73eea136a74f7eab74a8893eb7564d

1 Like
3

@myonke - You have done it again.

Thank you so much for that.

I don’t think I would have ever caught that.

All the best,
Doug

1 Like
4

No problemo, feel free to tag me in any new topics, and I will do my best to help!