Jump to content

Dynamic Header showing CSS code at top of header

By PresleyDale1, in Customize with code

Go to solution Solved by creedon,

Recommended Posts

PresleyDale1 Level 2

PresleyDale1

Posted
Posted (edited)

I just changed my header type to dynamic and on my blog page, there is a line of code ".sqs-block-button .sqs-block-button-element-medium" etc. going across the top of my header. It does not go away if I remove all of the custom code from my site, and I don't have anything like that in my header injection code. It is not there when I am not using a dynamic header. Any advice on how to get rid of this?

website password is "hello!"

Edited by PresleyDale1
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Beyondspace
Beyondspace

Can you share your page URL?

creedon
creedon

You have some CSS that is not wrapped in a style tag. It will look something like the following. .sqs-block-button .sqs-block-button-element--medium {width: 350px !important;} .sqs-block-button .s

Beyondspace Level 14

Beyondspace

Posted
Posted
12 hours ago, PresleyDale1 said:

I just changed my header type to dynamic and on my blog page, there is a line of code ".sqs-block-button .sqs-block-button-element-medium" etc. going across the top of my header. It does not go away if I remove all of the custom code from my site, and I don't have anything like that in my header injection code. It is not there when I am not using a dynamic header. Any advice on how to get rid of this?

website password is "hello!"

Can you share your page URL?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 3 weeks later...
  • Solution
creedon Level 15

creedon

Posted
  • Solution
Posted

You have some CSS that is not wrapped in a style tag. It will look something like the following. 

.sqs-block-button .sqs-block-button-element--medium {width: 350px !important;}

.sqs-block-button .sqs-block-button-element--medium {padding: 10px 25px !i}

Also note the code I could see has syntax errors.

Look for the CSS displayed at the top of the page in the following locations.

Settings > Advanced > Code Injection > HEADER.

Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

Blog Settings > Advanced > Post Blog Item Code Injection for the blog page. Please see per-page code injection.

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

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