Jump to content

How do I find a code injection that is causing text spacing issues?

Go to solution Solved by creedon,

Recommended Posts

Hello Squarespace "Customize With Code" Forum - 

I am hoping you all. may be able to help me, as Squarespace support has sent me your way. I am trying to find a code injection that is causing text spacing issues on the following page:

https://www.shesingsoutloud.com/sanctuary 

I am seeing text spacing issues with the text block that begins with "Hey there, luminous one..." and ends with "The first step to work with me in depth is to join".  There is a large a 'gap' underneath this text block. I am seeing this on Desktop. 

On mobile I see a slight issue with the spacing between the text "You just need to be willing to say YES to your desire" and "This is "being ready"."

The Squarespace support team advised: "After doing some testing on my end, I found that the issue was resolved when I disabled scripts on the preview version of your site." And recommended that I comb through the code. 

I have an anchor tag on the page with the following code: 

<a href="#" id="details" style="visibility: hidden"></a>

Removing this and the link to it higher on the page did not resolve the issue. 

I also have header injection on the page as follows: 

<style>.header, #footer-sections {display:none!important}</style>

I tried removing this as well and it did not resolve the issue. 

I went and removed any old custom FB pixel that I could find on any existing pages. This seemed to resolve the issue on mobile for the the text block that begins with "Hey there, luminous one..." and ends with "The first step to work with me in depth is to join".  but I am still seeing the issue on desktop. I also see a slight issue with the spacing between the text "You just need to be willing to say YES to your desire" and "This is "being ready"." on mobile.

I have attached a screen shot labeled 'Desktop Screen Shot of gap and spacing issues (Live site)' and a screen shot of how it is appearing in edit mode (this is how I want it to appear live) labeled 'Desktop Screen Shot of Editor mode'.

The only custom code that I know I am using is the hide header and the anchor tag. I checked for site-wide code injections and there are none.

It seems that removing all of the FB pixel codes resolved most of the gap and formatting issues on mobile but not all and. not on desktop.

Can anyone help me find the code that is causing my spacing issue? Any and all assistance is greatly appreciated.

Desktop Screen Shot of gap and spacing issues (Live Site).png

Desktop Screen Shot of Editor mode.png

Mobile Screen Shot spacing issue.jpeg

Mobile Screen Shot editor mode (correct spacing).png

Link to comment
1 hour ago, Whirlybird said:

Not sure if you were asking for

I was asking for whatever password was on the page so that we could see it. It's hard to help with something we can't examine.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 1 month later...

Create an account or sign in to comment

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

×
×
  • 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.