Jump to content

Custom Horizontal Line Formatting Issue on Mobile

Recommended Posts

I am using a custom dotted horizontal line for a client's website...and for some reason it is showing up square (as opposed to round) on mobile. When I see the mobile preview on my desktop, the dots are round. However, when I got to the password protected site (as it's not live yet) on my phone, the dots are square. Any thoughts on how to fix this?


This is the code I am using to achieve the custom dotted horizontal line.


.sqs-block-horizontalrule hr { background: transparent!important;border-top: 5px dotted #868b8b;}


Any help would be greatly appreciated!


Screen Shot 2020-05-12 at 2.00.10 PM.png

Link to comment
  • Replies 3
  • Views 614
  • Created
  • Last Reply
  • 2 weeks later...


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.