Jump to content

Code to move/change color of header and menu list

Recommended Posts

Hi! How do I change the header to look like this and how do I overlay text onto the photo on the right? Here’s an exact photo of what I’m trying to achieve, I made it on procreate. I’m a first timer here 😂. So far I’ve been able to find the code to split the layout so I’ve already got the photo on the right. 
 

thank you! 

71EEF6C6-B983-46C5-B289-7EA0E5BA9E85.jpeg

Link to comment
7 hours ago, WHITEMOTH said:

How do I change the header to look like this and how do I overlay text onto the photo on the right

This doesn't look like a header that you would want on every page. My suggestion would be that you design a standard header for most pages and use code to hide it on this page, then build your design as a section using a text block on the left for the navigation links, an image on the right and a text block over the image.

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
8 hours ago, WHITEMOTH said:

finding those codes?

Code for hiding the header has been discussed a fair few times on the forum, relatively straightforward if you have access to the page ID, there are loads of guides available, like this one:

https://insidethesquare.co/squarespace-tutorials/removing-header-footer-using-css

8 hours ago, WHITEMOTH said:

I’ve tried to find people to help me build a site but haven’t been able to find a person, so here I am 😂

Where did you look? What are you after?

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.