Shopify themes, liquid, logos, and UX
I'm looking at adding a divider line to my menu but can't seem to work out how to do it. Any ideas of what code I would need? ideally a feint line and more padding after "3 for £20" but before "Magazines" a bit like I've illustrated.
Solved! Go to the solution
This is an accepted solution.
Please add this code at the bottom of your base.css fi
#HeaderMenu-library-magazines:before {
content: '';
background: #000;
height: 2px;
width: 80px;
margin-left: -8px;
position: absolute;
top: 0px;
}
#HeaderMenu-library-magazines {
position: relative;
margin-top: 12px;
}
le in Online store > Themes > Edit code
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hi @Richey
Drop your store link please
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hi @Richey
Dod you wan to add diver just in that menu?
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
yes just that one, please.
This is an accepted solution.
Please add this code at the bottom of your base.css fi
#HeaderMenu-library-magazines:before {
content: '';
background: #000;
height: 2px;
width: 80px;
margin-left: -8px;
position: absolute;
top: 0px;
}
#HeaderMenu-library-magazines {
position: relative;
margin-top: 12px;
}
le in Online store > Themes > Edit code
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Very good. With a little tweaking of the height and margins I've made it spot on! Thank you so much. Really, really appreciate it.
Hello,
how would I do it if the title in the dropdown menu has a space? I'd like to add a divider between "Zeolites" and "Algerian minerals". I tried it out but I'm not sure how to handle the space in "Algerian minerals".
Theme Dawn
https://58065e-5d.myshopify.com
Cheers Holger
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025