I’ve made a very simple single page site with an image slider and it looks fine in Webflow in all preview sizes, but it doesn’t look/behave the same when published on the web.
The site in Webflow is here:
The published site on the web is here:
There are 3 problems with the published site:
- On both desktop and mobile, the slider slides only display the background images; the top images aren’t visible. Confusingly, on my Macbook I got a tiny square with a question mark inside it instead of the top slider images. When I clicked this, the top slider images then all appeared!
- On desktop if I reduce the size of my browser window the copyright section at the bottom of the screen jumps to the bottom-left corner, rather than remaining positioned in the centre.
- On mobile devices it’s possible to slide the whole site all around the screen as well as zoom right out to make it a tiny part of the screen that then jumps to the top left. I just want the site to always fill the screen horizontally, and scroll vertically.
Can anyone give me any pointers on what I’ve done wrong? Complete web design n00b as you can probably tell