Jump to content

custom code can remove header on first home page but keep them on other pages, and have a different logo on different pages, and navigation links differ between pages???

Recommended Posts

Hello,

I currently have a website but I am opening a second location and want to put that into the same website but two location ooptions.

envisioning the first page for my domain to be a blank page with 2 photos and those photos have the location on it to click, so no logo on this front home page

then when customer click on the location they are shopping from, it takes them to that page which has different navigation menu and a slightly differnt logo. 

is this possible??

 

attached is the photo example of what i want the home page to be

Screenshot 2023-07-12 at 12.26.44 PM.png

Link to comment

Yes, certainly possible to do this, but takes a few steps to create a double navigation and a different logo for each half of the website. Typically adding the navigation alternating, and then excluding the odd nav items from one set of pages and the even from the other half.

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
On 7/13/2023 at 1:35 AM, Ziggy said:

Yes, certainly possible to do this, but takes a few steps to create a double navigation and a different logo for each half of the website. Typically adding the navigation alternating, and then excluding the odd nav items from one set of pages and the even from the other half.

@Ziggy what would be the steps to make this happen?

Edited by asprikhodko
Link to comment

The best way to do this will vary depending on your setup, if you have an equal number of pages on each half of the website then alternating them in the pages menu, and using this code in the header code injection to hide the odd pages on the even pages (and the other way around for the even pages):

<style>
.header-nav-item:nth-child(odd) {
  display:none;
}
</style>

You would want to change the logo on half the pages, this method should work:

https://spacesites.com.au/tips/squarespace-71-2-methods-to-swap-out-logos-colour-sections-and-specific-pages

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.