Add space between ot only 1 menu item

Solved
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)

Accepted Solutions
devangfour
Explorer
42 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
Explorer
42 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

vroomvroom
Tourist
16 0 1

thanks !

vroomvroom
Tourist
16 0 1

thanks

devangfour
Explorer
42 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
Explorer
42 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
2595 310 645

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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 !