I'm looking to add a visual queue that separates items in a drop-down menu in 7.1 - would either like to add a separator element like a horizontal line - or alternate link colors. Image provided with example.
Todd, this actually looks better. A little combination of both of our codes....plus a little more.
You will have to remove the other code you just added.
.header-nav-folder-content {
pad
@todd-y you can add this to your custom CSS
.header-nav-folder-content > * + * {
border-top: 1px solid rgba(0,0,0,.2);
padding-top: 8px;
padding-bottom: 8px;
}
.header-nav-folder-content > * {
padding-bottom: 8px;
}
That should add the padding. I removed the other code I posted before, I thought you were talking about the mobile menu at first.
Question
todd-y 1
Site URL: https://forest.squarespace.com
I'm looking to add a visual queue that separates items in a drop-down menu in 7.1 - would either like to add a separator element like a horizontal line - or alternate link colors. Image provided with example.
Could someone help me with the CSS for this?
Thank you kindly!
Link to post
Top Posters For This Question
3
2
1
Popular Days
Jun 25
6
Top Posters For This Question
todd-y 3 posts
rwp 2 posts
RyanDejaegher 1 post
Popular Days
Jun 25 2020
6 posts
Popular Posts
rwp
Todd, this actually looks better. A little combination of both of our codes....plus a little more. You will have to remove the other code you just added. .header-nav-folder-content { pad
RyanDejaegher
@todd-y you can add this to your custom CSS .header-nav-folder-content > * + * { border-top: 1px solid rgba(0,0,0,.2); padding-top: 8px; padding-bottom: 8px; }
rwp
.header-nav-folder-content > * { padding-bottom: 8px; } That should add the padding. I removed the other code I posted before, I thought you were talking about the mobile menu at first.
Posted Images
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment