Shopify themes, liquid, logos, and UX
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 |
---|---|
123 | |
90 | |
77 | |
71 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022