Jump to content

Add divider/separator between specific hamburger menu pages?

Recommended Posts

I need some help with getting a simple CSS code that adds a divider/separator between my 4.th and 5.th menu page. I have a total of 8 pages on the hamburger menu and need to separate half of them from the other half. I have squarespace 7.1. This modification would only apply to the mobile version of the site. 

neahttasiidu.JPG

Edited by veahkki
Link to comment
  • Guest changed the title to Add divider/separator between specific hamburger menu pages?
  • Replies 3
  • Views 862
  • Created
  • Last Reply

Top Posters In This Topic

I did some research in CSS and managed to pull it off. Thanks for offering help tho! This was the kind of code I was looking for:

.header-menu-nav-item:nth-child(4) {
border-bottom: 1px solid;
padding-bottom: 1em;
}
.header-menu-nav-item:nth-child(5) {
padding-top: 1em;
}

image.png.e5d58d2ef68edb31c319dd9850961e05.png

HOWEVER... how do I make this not apply to subfolders?

Edited by veahkki
Link to comment
On 10/2/2021 at 9:48 PM, veahkki said:

I did some research in CSS and managed to pull it off. Thanks for offering help tho! This was the kind of code I was looking for:

.header-menu-nav-item:nth-child(4) {
border-bottom: 1px solid;
padding-bottom: 1em;
}
.header-menu-nav-item:nth-child(5) {
padding-top: 1em;
}

image.png.e5d58d2ef68edb31c319dd9850961e05.png

HOWEVER... how do I make this not apply to subfolders?

Can you share site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.