Jump to content

Last Item on Menu a Button - Folder?

Go to solution Solved by Caroline_Smith,

Recommended Posts

Site URL: https://www.cupsmission.com

Hi everyone, on my website my last PAGE menu item has a button, but not the actual last item on my navigation-which is a folder. Here's the code I'm currently using:

.Header-nav a:nth-child(6) {
  background: white;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  color: rgb(3, 46, 124) !important;
}

a.Header-nav-item:last-of-type {
    background: #ffffff;
    color: #243877!important;
    padding: 11px 9px!important;
}
a.Header-nav-item:last-of-type:hover {
    background: #f3f3f3;
    color: #333!important;
}

 

Link to comment
  • Solution

Hey there!

Try using this code block instead:

span.Header-nav-item--folder:last-of-type {
    background: #fff;
    color: #243877 !important;
    padding: 11px 9px !important;
}

Hope this solves your issue!

Feel free to email me with any customization inquiries or questions you may have!

Free Squarespace Resources: DevTools Minicourse,  11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator

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.