Adding separator lines between some items on mobile menu

[TBS2023]

Hello

I am using the Broadcast Theme

www.thebodyshop.ca

datsau

I would like to add 2 lines like this on my mobile menu

[Huptech-Web]

Hello! @TBS2023 Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "theme.css"
6. Add the following code at the end of the file.

@media only screen and (max-width: 767px){
 body .sliderow__title {
    border-bottom: 1px solid #000;
 }
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

[TBS2023]

i do not want it on all the menu items - just in order to highlight 2 items - like the photo i sent

[Huptech-Web · Accepted solution]

Okay @TBS2023 please follow the same above steps and add this CSS

.sliderule__wrapper:nth-of-type(6) .sliderow__title, .sliderule__wrapper:nth-of-type(8) .sliderow__title {
    border-bottom: 1px solid #000;
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

[TBS2023]

Hello

Is there a way to stop the two lines form repeating in other areas of the menu.

like here