Streaming live at 10am (PST)

Mobile page width issue


#1

Hi Webflow Friends

Please help me. I have an issue on mobile only on my home page. The animation at the top of the page is somehow making the content slightly larger than the viewport width when viewed on a phone.
I have no idea what is causing it.

I have two animations. One for desktop and one for mobile but nothing seems to be working.

Please help : )


Here is my site Read-Only: https://preview.webflow.com/preview/dedicatedtosq?utm_source=dedicatedtosq&preview=cd856ada246b2f5acb32bc99bb18e2ea
(how to share your site Read-Only link)


#2

I guess there must be an issue with meta view port which can be cause because of css. You can apply the followin meta view port under mobile media queries and then check it by clearing your browser cache.

<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>

Source: https://www.w3schools.com/css/css_rwd_viewport.asp


#3

Thank you for your reply.
Where do I find my mobile media queries to paste that in? Feel so dub right now.