Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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
  • veahkki changed the title to Add divider/separator between specific hamburger menu pages?
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted (edited)

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...