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

Set breakpoint width


cpotisch

Question

I'm somewhat new to CSS, and can't figure out how to set a wider maximum width for the mobile version of my site. I don't like how my header breaks into multiple lines for medium-sized screens. My template is Impact.

Thanks so much.

Edited by cpotisch
Link to comment
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

You don’t need CSS. Go to Design > Site Styles and increase the value of Mobile Breakpoint. The default is 640px.   

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
9 hours ago, paul2009 said:

You don’t need CSS. Go to Design > Site Styles and increase the value of Mobile Breakpoint. The default is 640px.   

And is there any way to set it such that the header text and logo shrinks on smaller screens, instead of rolling over into two lines?

Link to comment
  • 0

I'm not sure I understand. Can you provide a working link to the site, and a screenshot of the issue if it's not obvious?

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
23 hours ago, paul2009 said:

I'm not sure I understand. Can you provide a working link to the site, and a screenshot of the issue if it's not obvious?

I want the text in my desktop header to simply shrink on smaller screens, so that it can all fit in one row.

1279677794_ScreenShot2019-12-12at11_27_31AM.thumb.png.999a069a0d1580b72300c7a8f75f3bb1.png

 

As is, it doesn't shrink at all, and instead just rolls over onto a second row, which looks pretty terrible:

735932970_ScreenShot2019-12-12at11_27_20AM.thumb.png.ace1bd0c770aa327e296c11521277580.png

 

Edited by cpotisch
Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...