Hey everyone,
I wrote a function that enables you to make an editor text component have responsive font size. It uses vw units. It means the text changes size when changing the size of the browser window.
1 vw = 1% of viewport’s width
I think it can also work with em units.
I made this website that has a documentation page I wrote for this. (keep in mind I’m a designer and amateur wix code programmer But I think it could be useful for a lot of people)
That is so genius of you! Thank you for doing this, I will start using it. That function should be built in into Wix as a checkbox on all Text Elements. Make responsive as checkbox.
Does-it mean that we can do this with all the wix elements to create a fully responsive wix site? Any information about a new wix editor for responsive sites ?
Studio Shapeshift - No, this only works for text elements. Responsive functionality within the editor is in the works, I can’t exactly say when it’ll be out, but stay tuned.
Responsive functionality within the editor is in the works, I can’t exactly say when it’ll be out, but stay tuned.
Does it mean that all the elements in wix will be responsive to the screen width in the future and mobile view will work without much changes in the mobile view editor??
Hey Eugene, are you sure the editor has a text border option? I’m pretty sure there’s no way to do that but I would love to know if you found a way.
Anyway, regarding text styling options, you can only use the styling options listed here: http://www.wix.com/code/reference/$w.Text.html
Hi! Many thanks for this feature. I used it on a new website. Responsive text can also be used if you need to center an element on a page. But I hope for the possibility of full adaptation of the site in the near future.
How were you able to keep the text left aligned on the screen? The code makes the text smaller as I shrink the screen, but the text goes off screen to the left so I can no longer see it.
the responsive works really well on type, anyone played with setting a font size maximum? so that text is responsive under a certain px base and not above. (wix code novice here)
@johannaa pin to screen is magic, have you figured out how to hide pinned elements on a page until you reach them on a scroll!? I have been trying with no luck!
Hi there, this is wonderful code – impressive work on this, and thank you for sharing! I have some troubleshooting questions:
1.) This code seems to force left alignment on my text, when I need it to stay centered. What causes this, and how can the text remain centered, while using your code?
2.) I want to use your code to apply it to multiple types of headers, paragraphs, etc. It seems to only apply to one type of element/theme/size/color/etc. at a time. How can I apply your responsive text concept to various types of elements, for example, h1, h2, p1, p2, etc.?
But I think it could be useful for a lot of people)
Maybe text shadow could work.