Hey people! My website is right now not responsive and I have no idea how to make it so. The pictures are responsive, however the margins and the font-sizes are not. (FYI: I know basically no code.) I’ve set my display on my computer to be viewed in a scaled resolution and it’s in this mode I’ve m…

Using containers will help your website adapt to other devices, Any elements in tablet/mobile version will not effect desktop version and will only effect the device which you have selected as the view point. Matt :slight_smile:

Here is some images to show you; Without container; [image] With container; [image] Matt :smile:

Thank you for your answer, Matt! The problem with containers is that they are set at 940px wide, which will not look good on every desktop screen. I want my content to stretch more than that. Do you know if there is any way of making it responsive with sections which I’m using?

You could try this which will make the container wider. [image] Activate 1200px "Large Screen" media query Community resources Webflow Tips If you want your website to be 1200…

One thing to keep in mind about setting content specifically text to larger than 960 is that line length can become an issue so be sure to use columns.

@jdesign : Yes - will do! Btw, do you know how to make the font-size responsive? I looked at this post and they are taking about VH and VW but those are no where be seen. I’ve tried EM and % but none of them works. http://forum.webflow.com/t/images-text-not-responsive-as-per-the-platform/11638

@jennynguyen you can type in (for example) “5vh” into the font field and press the enter key, this will make the font responsive as the screen is scaled downwards. Some very old browsers may not perfectly support this. [image] Best wishes :slight_smile:

@jaidenleach Magic!!! Thank you! :smile:Do I have to do the same with line-height?

@jennynguyen You’re welcome! Yes, you should do the same with line height as well :slight_smile:

@jaidenleach Do you recommend using VH or VW for text responsiveness. I like the idea of using VW because then it scales well on narrow browser widths on desktop. But fonts can become to small unless a minimum pixel width could be established and there isn’t currently an option for that in Webflow…

How do I make website responsive?

Design help General

Matty (Matt) December 8, 2015, 10:20pm 5

You could try this which will make the container wider.

Matt

Topic		Replies	Views
Responsive scaling, rather than adaptive? General	4	2085	May 13, 2016
Website not responsive General	7	5039	January 17, 2017
Images & Text not responsive as per the platform General	16	6200	August 11, 2015
Can't make text or content responsive! General	1	2028	August 22, 2017
Trouble with styling of design on mobile viewports General	4	3208	March 25, 2016

How do I make website responsive?

Related topics