How can I add a line break after the 'View All' button in my dropdown menu?

Store Design
1

I have been very active on here lately, mainly because I am trying to learn how to add code to my website to make it stand out from the original theme. Anyways, does anyone know if it is possible to add a break right after the “View All” button in my dropdown menu? So ideally, it would display all of the product categories together, a line break, and then the store information would be a bit more separated.

www.deranged-shop.com

header.png
header.png157×281 4.26 KB

2

Hi @donniederanged
You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> timber.scss.css ->paste the below code at the bottom of the file.
.site-nav__dropdown > li:nth-child(6) {
    margin-bottom: 20px;
}
.site-nav__dropdown{
  background:#fff
}