Streaming live at 10am (PST)

Custom Break Points


#1

Is there a way I can set custom break points in Webflow?

My goal is to set my font sizes for small and large mobile screens. I tried using percentages in the mobile portrait view but the fonts did not adjust when I scaled my view from small to large. Is that one of those things that can only be seen once the site is published?


#2

Hey @soulluciani

Here is how to make custom breakpoints: http://forum.webflow.com/t/activate-1200px-large-screen-media-query/611 although this does require custom code.

About your font sizes have you tried using VW unit for your font size as VW stands for Viewport Width so your font size depends on the users Viewport Width making it fully responsive :smile:

To learn more about different units check this out: http://www.w3schools.com/cssref/css_units.asp

Best
Ahmad


#3

@Ahmadz839 Thank You. I didnt realize Webflow supports vw.

I have uploaded a few svg files and applied vw to them as well there are a few images that wont seem to convert. When I type in vw it just changes it to px and automatically selects the hiDPI. Any idea as to why that might be happening?


#4

Hey @soulluciani

Glad i could help :smile:

Webflow currently does not support VW in the image settings although if you add a class to it then give it a width of 30vh it should work.

Best
Ahmad


#5

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