Jump to content

Hide specific nav links folders in footer for specific page

Recommended Posts

  • RefugeChurch changed the title to Hide specific nav links folders in footer for specific page
On 10/28/2022 at 4:38 PM, bangank36 said:

Can you share your site with the protected password (if you have) so we can take a look?

 

I need on this link https://www.texasgrandchapel.org/church-home

Hide both link folders: About Us + Our Services

 

Then, on this link  https://www.texasgrandchapel.org/counseling-home

I need to hide both link folders: About folder + Ministries folder

 

Link to comment
18 hours ago, RefugeChurch said:

 

I need on this link https://www.texasgrandchapel.org/church-home

Hide both link folders: About Us + Our Services

 

Then, on this link  https://www.texasgrandchapel.org/counseling-home

I need to hide both link folders: About folder + Ministries folder

 

You can try adding to Home > Design > Custom Css

.Footer-business-info-item.Footer-business-info-item--email {
  max-width: unset;
}

/*hide on church-home*/
#collection-6276d30cd7e1540d55824ae9 .Footer-nav .Footer-nav-group:first-child, #collection-6276d30cd7e1540d55824ae9 .Footer-nav-group:nth-child(5) {
  display: none;
}

/*hide on counseling-home*/
#collection-63568126bfd4ba57814422c5 .Footer-nav .Footer-nav-group:nth-child(3), #collection-63568126bfd4ba57814422c5 .Footer-nav-group:nth-child(7) {
  display: none;
}

Support me by pressing 👍  or marking as solution if this useful for you

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

My testing

image.thumb.png.33c57a4c51fd99a759dfb79ccc4769b8.png

 

image.thumb.png.c2b49a65992331898fa2b160121e477c.png

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

The key is using the Squarespace ID Finder extension to get the right Page ID to set CSS style for footer menu

http://recordit.co/qwnj09oNCa

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

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.