New Shopify Certification now available: Liquid Storefronts for Theme Developers

Add a divider line to drop down menu

Solved
Richey
Tourist
10 0 5

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.

 

 

Screenshot 2023-11-08 at 14.02.36.png

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

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 and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 6 (6)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @Richey 

Drop your store link please

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Richey
Tourist
10 0 5

https://3c829e-2.myshopify.com/

password: Thankyou

🙂

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @Richey

Dod you wan to add diver just in that menu? 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Richey
Tourist
10 0 5

yes just that one, please.

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

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 and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Richey
Tourist
10 0 5

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.