Jump to content

Code injection is showing in my header and encroaches pages in mobile view - HELP!

By jenartsquare, in Customize with code

Recommended Posts

  • Replies 20
  • Views 2.9k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

<style> paste your code here </style>  

creedon
creedon

@Vankshita It appears you have the following CSS in Settings > Advanced > Code Injection > HEADER or Page Settings > Advanced > Page Header Code Injection for the pages. #heade

tuanphan
tuanphan

You can access Website > Website Tools > Code Injection > Header or Footer > Find & remove text in your screenshot

Posted Images

  • 9 months later...
tuanphan Level 17

tuanphan

Posted
Posted
On 5/25/2021 at 6:26 AM, Vankshita said:

Hey I am having the same problems Tuanpan thanks for the suggestion! But when I put the style tags in my code stops working :( 

Can you paste all code here? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
creedon Level 15

creedon

Posted
Posted

@Vankshita

It appears you have the following CSS in Settings > Advanced > Code Injection > HEADER or Page Settings > Advanced > Page Header Code Injection for the pages. 

#header, #mobile.bar, #footer { display: none!important; }

Those fields do no understand CSS directly. The CSS for those fields needs to be wrapped in an HTML style tag. 

<style>

  #header, #mobile.bar, #footer { display: none!important; }
  
  </style>

Let us know how it goes.

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
  • 9 months later...
amandacr Level 1

amandacr

Posted
Posted

Hi there, I'm a beginner coder. I'm having this problem - my coding shows up at the bottom of the page but when I do the <style> and </style> bookends it doesn't change - only changes other aspects. This is a screenshot of what I have so far. Also, since I'm here, I'd also love to figure out why my image borders show up differently for the thumbnails on my main blog page vs. on individual blog pages. Thank you!

 

Screen Shot 2022-03-20 at 10.53.13 PM.png

Link to comment
tuanphan Level 17

tuanphan

Posted
Posted
21 hours ago, amandacr said:

Hi there, I'm a beginner coder. I'm having this problem - my coding shows up at the bottom of the page but when I do the <style> and </style> bookends it doesn't change - only changes other aspects. This is a screenshot of what I have so far. Also, since I'm here, I'd also love to figure out why my image borders show up differently for the thumbnails on my main blog page vs. on individual blog pages. Thank you!

 

Screen Shot 2022-03-20 at 10.53.13 PM.png

Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
amandacr Level 1

amandacr

Posted
Posted

Ok, I seemed to have fixed the previous issue, but the black border does not show up around the photo on the About page. Also, the black border on all photos is different on Google Chrome -- thinner than how it looks on Safari, which is how I want it.

Here is the link to my site: https://www.ballflowergolf.com/

And actually, I am trying to put the About page in the footer in as a secondary navigation section (I want the footer to have links to About, Contact, and Terms & Privacy but not have them open as new tabs), but am having trouble. Would you be able to help with that as well? Thank you so, so much.

Link to comment
  • 9 months later...
LacunaHR Level 2

LacunaHR

Posted
Posted

Hi, I am having a similar issue in my footer where code is appearing. 

image.png.3af83437c12b276865d44741fd4bc1d0.png

The code injection is in the footer 

<html>
  <body>
    <footer> window.lintrk('track', { conversion_id: 10423516 }); </footer>
  </body>
</html>

How can I ensure the tracking continues but the code is not visible on my homepage?

Link to comment
tuanphan Level 17

tuanphan

Posted
Posted
On 1/12/2023 at 7:15 AM, LacunaHR said:

Hi, I am having a similar issue in my footer where code is appearing. 

image.png.3af83437c12b276865d44741fd4bc1d0.png

The code injection is in the footer 

<html>
  <body>
    <footer> window.lintrk('track', { conversion_id: 10423516 }); </footer>
  </body>
</html>

How can I ensure the tracking continues but the code is not visible on my homepage?

What is your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 7 months later...
  • 7 months later...
tuanphan Level 17

tuanphan

Posted
Posted
On 4/8/2024 at 3:13 PM, WebShark said:

Hello, I am having same problem, my code is showing at the bottom of the page
URL: https://cone-dolphin-lxkp.squarespace.com/
pw: thankyou

Hope someone can help, thanks! 🙂

CodePage.JPG

You can access Website > Website Tools > Code Injection > Header or Footer > Find & remove text in your screenshot

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources