Jump to content

Change Banner Description Font Size on Mobile

Recommended Posts

Site URL: https://www.castromerchants.com/

I am looking to find out how to change the Description text in the Banner on our home page on Mobile. This text is very small on mobile and almost unreadable:

"San Francisco’s Famous Castro District - a neighborhood of freedom, acceptance, creativity and diversity. Now is a great time to visit the Castro and celebrate San Francisco’s most iconic neighborhood!"

Also would love to know how to remove the hyphens on mobile. 

Everything looks fine on desktop.

Link to comment
  • Replies 1
  • Views 374
  • Created
  • Last Reply
35 minutes ago, DaveK said:

Site URL: https://www.castromerchants.com/

I am looking to find out how to change the Description text in the Banner on our home page on Mobile. This text is very small on mobile and almost unreadable:

"San Francisco’s Famous Castro District - a neighborhood of freedom, acceptance, creativity and diversity. Now is a great time to visit the Castro and celebrate San Francisco’s most iconic neighborhood!"

Also would love to know how to remove the hyphens on mobile. 

Everything looks fine on desktop.

Hi, you can add below code into CSS editor
@media (max-width: 520px) {
    #collection-54f374a2e4b0565a8a7a4382 {
        #banner-wrapper {
            .title-desc-wrapper .page-desc p {
                font-size: 20px !important;
            }
        }
    }
}

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.