Jump to content

CSS: Header Changes Between Desktop/Mobile

Recommended Posts

Site URL: https://watermelon-tarantula-ap3e.squarespace.com/portfolio-1/project-one-a9d72-lnmfb-bfn5b-2prgr-kytrd-3zgpj

Pass: Stormy

I have carefully designed header titles for my six portfolio project pages. But in mobile (phone) they look pretty rough - the lines break where I don't want, and the different header sizes all become the same size.

Is there a CSS I can employ, which would allow me to uniformly scale those header type designs for mobile?


P.S. In case it isn't clear, the top image is the as-designed desktop, while the lower image is the incorrect looking mobile.

desktop headers fine.png

mobile headers bad.png

Link to comment
  • Replies 1
  • Views 318
  • Created
  • Last Reply


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.