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 15
  • 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

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
tuanphan Level 17

tuanphan

Posted
Posted
4 hours ago, Vankshita said:

Hey, here it is -- it just shows that code on the pages I've mentioned there

Screenshot 2021-05-26 at 11.54.35.png

Can you share link to page where you have same problem as first question?

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
creedon Level 14

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 best , and see my profile. Thanks for your support!

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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