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

Mobile version text too big



Site URL: http://www.4cornersgames.com


I'm currently populating my website www.4cornersgames.com and while the desktop version and tablet version (somewhat) look good, the phone version doesn't scale the text down.  If i try to change the text size for the phone it changes it for all 3.  Is there any way I can keep the desktop version text size the same size, scale it down a little for tablet, and scale it down much more for phones? Thank you in advance for the help!

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

@media screen and (max-width: 639px) { p {font-size: 12px} h1 {font-size: 20px} h2 {font-size: 18px} h3 {font-size: 16px} h4 {font-size: 14px} } Set the sizes as needed.

1 answer to this question

Recommended Posts

  • 0
@media screen and (max-width: 639px) {
  p {font-size: 12px}
  h1 {font-size: 20px}
  h2 {font-size: 18px}
  h3 {font-size: 16px}
  h4 {font-size: 14px}

Set the sizes as needed.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

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