Solved

Add space between ot only 1 menu item

vroomvroom
Tourist
16 0 1

Hi,

I'm using the simple theme and I'd like to add some space to only 1 element of the menu. Here at the top of "newsletter".  Can anyone help me with what code to add or adjust?

My url https://juju90.myshopify.com/ and password rtohnu

Thank you for your help !

Accepted Solution (1)

devangfour
Shopify Partner
43 10 8

This is an accepted solution.

Hello @vroomvroom 

 

Just add below CSS

#SiteNav ul li:nth-child(2) {
    padding-top: 20px;
}

 

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help

View solution in original post

Replies 9 (9)

devangfour
Shopify Partner
43 10 8

This is an accepted solution.

Hello @vroomvroom 

 

Just add below CSS

#SiteNav ul li:nth-child(2) {
    padding-top: 20px;
}

 

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help
vroomvroom
Tourist
16 0 1

thanks !

vroomvroom
Tourist
16 0 1

thanks

devangfour
Shopify Partner
43 10 8

It works on mobile also. Didn't?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help
vroomvroom
Tourist
16 0 1

Yes sorry it works on mobile !

And it works on the submenu as well... how can i make it work only on the main items ?

 

Thanks again

devangfour
Shopify Partner
43 10 8

What do you mean by main items?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help
vroomvroom
Tourist
16 0 1

 

There is space between "femme" and "homme" as weel.

vroomvroom_0-1634715226332.png

 

 

 

Zworthkey
Shopify Partner
5581 642 1565

Hii, @vroomvroom 
Can you give me a screenshot what you want so,
I can solve it perfectly.
Thank You.

vroomvroom
Tourist
16 0 1

 

This is what it looks like now :

vroomvroom_2-1634742356122.png

And i would like to not apply the padding to the sub menu link  :

vroomvroom_3-1634742398368.png

I hope it's clear 🙂

 

Thanks again for your help !