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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024