How to add a thin line between menu drop down options

Store Design
1

I would like to add a simple line between two of the drop down menu options. Is this possible? I use the minimal theme. Drawn example below.

line.jpg
line.jpg1115×945 113 KB

1 Like
2

@Hi @blepharo

Use what is called a

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_test

This is used to put lines. Just put

inside your navigator for loop which creates your menu. Obviously if you want to make the
look better add a class and style it in your css file.

3

Hello, @blepharo

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

4

thank you!

My website is www.baretumblers.com

I only want the one line. Not lines in between every option.

5

@blepharo

Thanks, store URL and clear asap

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.site-nav__dropdown .site-nav__link {
    border-top: 1px solid #ebebeb;
}