Jump to content

H1 Links on card style images not displaying correctly

Recommended Posts

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


I am using the 'card' image design, I put an H1 header title and added a link to it, which should be underlined per my styling.

The first issue I'm having is that on longer titles, the first part of the H1 title is NOT underlined, unless you hover over it. You can currently see it live on the site linked here (https://www.petersom.com). I have found that shorter titles do not have this issue...only longer ones.

The second issue I'm having is on tablet view the title is getting cut off (you can see that in the images attached, where "NYC" gets cut off). This only occurs when there is a line break in the title. In the image attached "Peter's Downtown NYC" is one line and "Restaurant Guide" is another line. When I take OUT the line break, it displays correctly (it just kicks down part of title to next line automatically because it's responsive). I would however like to control where the line break is, which is why I added it in myself instead of letting the platform decide.

Anyone know what's going on?

Thanks for your help.

Screen Shot 2021-05-06 at 5.12.01 PM.png

Screen Shot 2021-05-06 at 5.12.39 PM.png

Link to comment
  • Replies 1
  • Views 552
  • 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.