Streaming live at 10am (PST)

Responsive Mobile Layout different than what's on Webflow

My mobile layout comes out like this.

and my design gallery is not centered even though on the web flow website the gallery is centered.

Here is the website link: http://the-graffiti-factory.webflow.io

Any help would be greatly appreciated.

Best,
Chiquita

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

Hi @GraffitiMuse

Can you please share your read-only link?

https://preview.webflow.com/preview/the-graffiti-factory?utm_source=the-graffiti-factory&preview=007c59e2a10ba89e9ebaeb6cecefb5b7

Hi @GraffitiMuse

For the header, please set the width to 100% and set the background image size to cover and turn off the repeat option.

For the products, since they are embed code, I can’t see if it works, but can you try to set the collection list display flex vertical?

Here’s a quick video to show you what I did:

I followed your video but for some reason, it still came about like this when you go to the mobile layout. Did I miss something?

https://preview.webflow.com/preview/the-graffiti-factory?utm_source=the-graffiti-factory&preview=007c59e2a10ba89e9ebaeb6cecefb5b7

You’ve set the width of the header to 100px instead of 100% :slight_smile:

Whoops! I just saw that. Sorry. :sweat_smile:Thank you so much for your help and your quick response!

1 Like