Published content not the same as the webflow preview

Hello,

I’ve created some basic design and once I preview that on WebFlow it shows it as it should. However, after uploading to my web server or opening the index.html file locally one part is missing. (main section with some images)

I’m not sure what’s causing this cause I’ve checked the code and it looks fine.

Hello @Gorbi,

Could you share read-only link to your project and link to published site, please?

Regards,
Anna

Hi @Gorbi, you can find out how to share your sites read only link here: How to Enable a Webflow Share Link - #10 - Webflow Tips - Forum | Webflow

Thanks!

Arthur

1 Like

Preview Mode - Read Only

Note that here it shows as it should be. Upper images of Brands and smartphone models underneath. Once published via WebFlow or uploaded to web server it does not show. (Samsung, HTC and other images)

To display, a DIV needs to get dimensions from HTML. But placing only a background in a div doesn’t count for dimension. So your divs are there, just 0px height.

Either put images in them or give them minimum dimensions, or they’ll never show up. Webflow shows the divs because it’s a helper in the designer, unless we woldn’t be able to select them. When a div in webflow has still the big gray outline, it’s because it doesn’t get any dimension yet so you need to either set dimensions or put content in it.

2 Likes

Well, that divs with brands has no size, so browser has no information how to show them. you will have to add width and height to them and everything will work.

2 Likes

What was I thinking LOL

Thanks for help it’s okay now. I guess the visualized UI confused me haha

Keep up the good work!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.