How do you add margin between menu items? Please see picture.

Highlighted
Excursionist
31 0 5

Hello -

 

I have been trying all day but I cannot figure out the code. How do you add margin/spacing between menu titles as shows below? I am looking to have "Rompers & Jumpsuits on (1) one line so that it matches the rest of the title options as you see in the picture. I feel this is an easy fix but I cannot figure out how to do it.

 

https://l5r2eznvf1mpzinh-41120923809.shopifypreview.com 

 

Thank you!!

 

Screen Shot 2020-08-05 at 11.44.55 AM.png

0 Likes
Highlighted
Explorer
119 19 28

Never say every thing is easy if you can not fix by your self.


follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

@media(min-width: 767px){
.site-nav__dropdown .grid .grid__item:nth-child(2) {
width: 18% !important;
margin-left: -40px;
}
}
My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes