TessaRoseJackson Posted April 25, 2021 Share Posted April 25, 2021 Site URL: http://www.someoneswebsite.com Hi, I'm trying to add a Spotify Follow button to my header. When I inject the iframe into my header it appears behind the header and there is a white line beneath my header. It's as if the actual header of my site is a custom thing from the page that slides over the spot where the header should be. If I scroll up and down it shows the Follow button pinned to the leftmost corner before disappearing behind the header. I've attached screenshots for clarity (the site should have an all black backgrond, not this white line there). Anyone have an idea? Could it be the template I'm using? I've tried the z-index and changing some of the iframe settings but to no avail. Link to comment
TessaRoseJackson Posted April 25, 2021 Author Share Posted April 25, 2021 I can already tell that the "header" is not in the "head" section. So the custom HTML I can add does NOT appear in the header of the template. The HTML <head> tag contains scripts and styles of course, but I would like to edit this header which is in the <body> tag. Link to comment
TessaRoseJackson Posted April 25, 2021 Author Share Posted April 25, 2021 And to answer my own question: you have to put this code in the Footer section. The description is very misleading. It used to say "add this code before the </body> tag" but now it says "Enter code that will be injected into the template-defined footer on every page of your site". THIS IS NOT TRUE! Code added here is put in the <body> tag. You can then use the custom CSS to place the code where you want on the page. Unfortunately I have to use "position: fixed" to place it on top of the header but it works for now. Would be great if the squarespace team would make this easier. Link to comment
tuanphan Posted April 26, 2021 Share Posted April 26, 2021 Did you solve problem? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment