I’m Kristine and I just startet my own design- and video studio with my man. I am building our website in webflow, but I didn’t get far before I ran into problems. This makes me incredibly frustrated, not knowing how to solve it and why it is doing the opposite of what the tutorials are doing! I’m impatient and want to figure it out asap, but I have no one to ask.
Hello. I’m trying but I get a window saying I am creating topics too quickly and I have to wait 3 minutes… Aaaand now it’s saying I am replying too quickly! What is the deal with this?
Anyway here’s what I wanted to post under the design help-category:
Hello!
I’m a newbie, and working on my first website. Basically collumns are not stacking on mobile. I want to boxes next to eachother, one with background video and one with text. Obviously I want them to stack on top of eachother on tablet and phone devices, but they refuse to do so. On tablet and mobile they are two looooong strips next to eachother.
It is driving me crazy! Please help me, before I lose patience and throw my computer out the window
As you’re a brand new user and this is your first post so I Imagine there is a limit on frequent new users on the forums can create topics in order to prevent people from spam posting…
Anyway,
You have the positioning set to relative on the columns. If you set them to absolute on the mobile/tablet breakpoint it should work.
Ok, thanks. Of I change the box which contains collumns to absolute, it disappears. So I’m changing the collumns one by one, and they’re stacking now. but they do lots of weird things, such as the colour box is now on top of the video on the mobile, and on the tablet it is too thin, I mean not tall enough. I don’t understand anything here I’m afraid…
Thanks Nicole, that worked, but the video is not playing on mobile when I go to preview it… Why is that?
Also, the video has disappeared from the mobile landscape even though I have put in the same settings…
Aaaand, lastly, the video seems to be zoomed in on tablet and mobile, and I need it to not do that, it should display as much of the “image” as possible. How do I do that?
When I changed the Flex Direction of the video element to Horizontal instead of Vertical the column shows on rotated mobile.
Regarding the ‘zoom’ - this is directly related to the height of the object. Reducing this height will reduce the zoom; it’s keeping the image perspective, so if you increase the height of the container it will zoom in to retain a ‘good’ view of the image.
You need to make sure that you change the parent container from “Static” to “Relative” positioning, otherwise the Absolutely-positioned container won’t know where to go.
Something I did find was: “background videos may not autoplay on touch devices if a site visitor has enabled data saver.” Perhaps that could be the problem? I will look into it some more and let you know if I figure anything out.
Good morning. Please help: where do I actually paste the code? And I don’t mean where IN the code, but how do I access the code from the Webflow designer?