Streaming live at 10am (PST)

Responsive Mobile Layout different than what's on Webflow


#1

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)


#2

Hi @GraffitiMuse

Can you please share your read-only link?


#3

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


#4

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:


#5

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


#6

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


#7

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