I’m building my first Webflow website and I got stuck with this issue - about sizing and position. Any idea how to fix it so when you have smaller screen the content is adjusting?
I’m still learning and kinda making the color background messes my mind with that!
I took a look at your site and I see the issue with sizing and positing: It’s to do with the use of EM units for element width and relative positioning.
When it comes to responsive design, using the right units and styles will make your design responsive by default on all devices and will require minor tweaks on smaller devices.
Less is More. In general, if you see that you need to make a lot of changes on smaller devices to make sure page responsive, it means you need to fix the design on the desktop first.
Here’s a ~10min video where I show you how to fix some of the issues on your site:
I highly encourage you to check out the following resources and Webflow University to learn the best practices of responsive design:
I don’t really know what to say and how to thank you enough. The fact, that you have spent the time to record this tutorial for me and point out my mistakes just blows my mind. I literally started crying and immediately felt so grateful for your help and advice, that I really can not find the right words to express myself. THANK YOU THANK YOU THANK YOU SO MUCH!
I will do my best to learn more and correct my mistakes, I’m forever grateful for your help and kindness.
If there’s anything I could do for you, please let me know!
P.S. I will definitely send the link to my website once I finish it, so please look forward to it, I’ll do my best!
I’m sorry for bothering you,
I have almost finished my website, but I just realize, that some parts don’t work as they should be, when I publish the website on mobile and tablet the icons start moving down, even when in the editor on my PC it looks fine
Any ideas what am I doing wrong? (cuz I’m sure I am doing something wrong )
I’d be grateful for any advice!
I am loving your site! It looks amazing! You did it!
As for the icons issue. I wasn’t able to see the issue on my phone. Were you able to fix it? If not, can you please tell me a little more about the issue so I can help you resolve it?
On which page are you observing the issue?
Which icon or icons are you moving when they shouldn’t?
Can you share a video of the issue? [Apple] [Android]
Any information you provide, can help me help you resolve the issue.
Hi Anna!
Thank you so so much! Yea that was an issue I couldn’t figure out, thank you so much again for taking your time to record this video and help me, I really really really appreciate that, it really means a lot to me, because without your help I think I would never be able to move on with the website building. I’m forever grateful, thank you for pointing out my mistakes and teaching me the proper way
Woohoo! Go, @Paulina_F! So thrilled to follow along here — digging your site’s design from the color scheme to the interactions. Huge props to @AnnaKelian for jumping in and giving such clear guidance here, too — one of my favorite people (and most knowledgeable!). Keep up the great work, @Paulina_F!
Thank you so much for your kind words
I’m really grateful for Anna’s kindness, I was at the edge of giving up, but she saved me I’m really grateful for you guys doing all this phenomenal work and helping people become better, it is just another proof to me, that I have chosen the right path and hopefully I’ll be able to spread the knowledge about Webflow to my future clients.
Thank you so much again, I really appreciate your help!
It started with you posting here, on the forum. You didn’t give up. Your willingness to complete this project and to learn allowed you to take my advice and instructions and turn them into a beautiful creation of your own.
Keep learning! Keep asking for guidance! And you’ll excel in anything you do.