Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
How do I add dividers to my top navigation of my website? I want the dividers to be like this:
About Us | Park Grants | Member Benefits | Join Us | Contact Us
Right now it looks like this
About Us Park Grants Member Benefits Join Us Contact Us
My website is pennsylvaniaparks.org.
I am using the Chicago Turbo theme
Thanks so much in advance!
Solved! Go to the solution
This is an accepted solution.
yes please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.
a.top_link {
position: relative;
}
a.top_link::before {
position: absolute;
content: "";
width: 1px;
height: 20px;
background: #333;
right: -6px;
margin-top: 7px;
}
.main-nav .nav--combined .menu li:last-child a::before {
display: none;
}
After code view
This is an accepted solution.
yes please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.
a.top_link {
position: relative;
}
a.top_link::before {
position: absolute;
content: "";
width: 1px;
height: 20px;
background: #333;
right: -6px;
margin-top: 7px;
}
.main-nav .nav--combined .menu li:last-child a::before {
display: none;
}
After code view
Hi Ketan 🙂 That worked... thanks so much!! I really appreciate it!!
its my pleasure to help us
User | RANK |
---|---|
237 | |
84 | |
84 | |
51 | |
42 |