Jump to content

Alignment Issues

Recommended Posts

Site URL: https://denim-tarpon-wcw8.squarespace.com/

I've got an alignment issue that is rendering on web browsers but not in the Squarespace back-end.... 

See images attached:

- 1st is from Squarespace back-end an not showing the issue

- 2nd is from Chrome and showing alignment issue of highlighted code block to the text block to the right

This issue happens across Safari too and started when I inserted some custom CSS code to display the circle with the bouncing arrow and to display some spacers in mobile. Code inserts we from tuanphan (legend!!!).

Any ideas are much appreciated.

password to website is SNRG2020!


Screen Shot 2020-08-22 at 6.56.10 pm.png

Screen Shot 2020-08-22 at 6.57.18 pm.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Sure. The large text on the left (code block) is slightly lower than the smaller text on the right on regular web browsers. This is not shown in the Squarespace edit environment.

I have attached two new screenshots that align the text at the top of the screen. First attachment is in Squarespace edit environment and second is on regular Chrome browser where you can see the large text (code block) is slightly lower than the text to the right. They should be aligned. 

Please let me know if you need more detail.

Screen Shot 2020-08-23 at 2.15.16 pm.png

Screen Shot 2020-08-23 at 2.15.39 pm.png

Link to comment


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.