Jump to content

Custom code on website is showing incorrectly. Header is now at the bottom and navigation

Go to solution Solved by Ziggy,

Recommended Posts

I have added a custom code from my booking website (have used same on other pages on my website) but when I insert the code it moves my banner and my navigation to the bottom of the page and therefore the page is showing incorrectly. The booking website that I used the code from (widget) has advised the code is correct and squarespace have said the opposite. Can anyone help. This is the code:

 

<div id="ribbon-schedule"></div><script async type="module" host_id="23675" teacher_ids="[]" location_ids="[]" tag_ids="[]" session_type="course" default_filter="show-all" src="https://momence.com/plugin/host-schedule/host-schedule.js"></script><style>:root { --momenceColorBackground: #FBFBFB; --momenceColorPrimary: 176, 176, 176; --momenceColorBlack: 3, 1, 13;}</style>

Screenshot_20240411_105202_Gmail.jpg

Link to comment

Can you share your website URL? Where are you placing the code?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Might be a silly question, but does this work if you put it in a code block on the page rather than in the header code injection?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
17 minutes ago, Rachel1988 said:

Thank you so much Ziggy. You are right. It works now!!

Great!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

It looks like you have a lot of manual spacing on the text, is that the case?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
12 hours ago, Rachel1988 said:

Yes I think so. It used to be a widget but my new booking system doesn't have coding for my pricing page so i used text and added buttons to the link. It looks awful

You can use the text tools to center-align text, you don't need to manually space the text and cause the issues you have.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.