Hero displays incorrect on mobile version

Good morning crew,

I am a very begginer to Webflow… Thus my question will sound very silly.
I finished my website, and I have a hero grid on the first section.
It displays correctly to all devices, except for mobile.
Also at the design environment it displays properly, but when running on mobiles it does not!
I tried to change grids, position, etc… just can’t get id fixed.
Does anyone can help me out?

https://www.thehubdesignco.com

Thanks,
Denis


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @romanellod IMO the Hero section is not in centre on 27" monitor or it is a purpose?

Anyway, the best way to get help is to follow the forum post guide.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName