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

Brine Header Mobile Scaling


Rafida

Question

Site URL: https://rafida.org

Hey,

On our BRINE website, when viewing in mobile view, our 'Heading 1', which is our largest font used for titles becomes very small. Much smaller than it needs to be. I can see that on the BRINE template there is no scaling option for headings in the site styles section.

Is there any way I can control the mobile scaling for headings through code?

I've provided two screenshots showing you the different in text scale on desktop and mobile.

Website access:
rafida.org
pass: lastphasetesting3

Thanks!

 

Screenshot 2020-09-18 at 16.39.10.png

Screenshot 2020-09-18 at 16.39.19.png

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

  • 0

Add the following to your CSS.

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

  h1 {

    font-size: 64px;
    
    }
  }

This is for a 7.0 site using the Brine template.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

This seemed to have worked. Thanks a lot!

Also, how do I check if our site is 7.0 or 7.1, as this code seemed to work, and I thought we were on 7.1

Link to post
  • 0

Go to Home > Help. At the bottom of the Help Center the version of SS you are using for the site will be displayed.

Brine is a template for SS v7.0.

Edited by creedon

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

Thanks! We're actually starting to build a second website from scratch. Do you recommend using 7.1 or 7.0 for a multilingual website? I've read there's a lot of missing features still on 7.1

Link to post
  • 0

I don't think v7.0 or v7.1 will make much difference for the multilingual aspect of your site(s). Take a look at Creating a multilingual site in Squarespace.

So the core question is what features do you need for your site(s) and what version of SS will best meet your needs. I can't say one version of SS is better than the other overall. They each have their pros and cons.

If you have specific questions about features of each version of SS I suggest asking new questions.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...