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

Resize text to appear mobile only

Question

7 answers to this question

Recommended Posts

  • 1
@media only screen and (max-width: 600px) {
  .pagination-title-wrapper h2 {
      font-size: 6.8vw;
  }
}

This will dynamically size below 600px.


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

Share this post


Link to post
  • 1
On 7/13/2020 at 4:01 PM, Ptphotography said:

@rwp I love how my website is looking so far!

can you help me with the code for the social media links and footer text as well?

Many thanks,
P

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
footer.sections nav.sqs-svg-icon--list a {
    width: 10px !important;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 1
36 minutes ago, Ptphotography said:

@tuanphan Thank you for this! Can you please help with the code for the text underneath the icons as well? Thanks again!

 

@media screen and (max-width:767px) {
footer.sections nav.sqs-svg-icon--list a {
    width: 10px !important;
}
div#block-yui_3_17_2_1_1591257510925_16938 * {
    font-size: 10px;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

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