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: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025