Hello Everyone!
I am using the Shopify Dawn Theme. How can I add a line to the header menu? I want to keep it exactly like the image below. Please help me. Thank you in advance.
https://blue-chic-clothes.myshopify.com
Password: Admin
1 Like
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
ul.list-menu.list-menu--inline li:not(:last-child) {
border-right: 1px solid black;
}
-
And Save.
-
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
1 Like
Oh my bad, replace on this one.
a#HeaderMenu-home, .list-menu__item:not(:last-child) {
border-right: 1px solid black;
}
And Save.
Same Instruction.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
1 Like
I’m sorry, the code I provided is based on the current design you have in your store. If you’re not final with your design, you can add it later. To have dynamic designs and make any future changes you want, you would need to hire a developer. For this design, you can add the first code I provided since you don’t have a drop down.
1 Like
