Last Item on Menu a Button - Folder?

wa7245 · February 9, 2022

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;
}

Caroline_Smith · February 11, 2022

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!

Last Item on Menu a Button - Folder?

Recommended Posts

wa7245

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Caroline_Smith

Caroline_Smith

Link to comment

Create an account or sign in to comment

News

Caroline_Smith

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources