How can I modify padding and dropdown menus in the Brooklyn theme?

Store Design
1

Hi Guys,

side nav snippet.PNG
side nav snippet.PNG479×423 72.3 KB

  1. I’m struggling to work out how to add a bit of padding between the search and the first menu item on the Side Nav for Brooklyn Theme

  2. I also want the two drop down menu items “shop by collection” & “shop by destination” to drop down if you click the title. Like the + button does. Is this possible? Otherwise I would like to take away the yellow hover function from just these two items.

Any help would be much appreciated! I tried a lot of things and can’t seem to work out how to do it :confused:

Website is : https://bradenboutique.myshopify.com/

password: braden

2

hii, @klackenb
Paste this code on top of the timber.scss file.

ul.mobile-nav {
    margin-top: 21px !important;
}
li.mobile-nav__item a:hover {
    color: black !important;
}

Thank You.