Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
mjmjmjmj

text auto scaling

Question

Hi,

 

I would like to have text scaling automatically according to the page width, instead of using a fix > 

@media only screen and (max-width: 767px) {

I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? 

 font-size: calc(80px + (150 - 50) * ((100vw - 320 * 1px) / (1920 - 320))) !important;

thx

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0
Posted (edited)

thank you for the advice, I will have to find a programmer for this as this was meant to be just styling in css which I am more or less able to do, but injecting into header is another thing

Edited by mjmjmjmj

Share this post


Link to post
  • 0
On 7/3/2020 at 8:54 PM, mjmjmjmj said:

I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? 

To understand the issues when doing calculations in the Custom CSS Editor, see my post here: 

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...