Adding White Space to Menu?

[Alun]

My website is https://snowdoniahoney.com

On the main header menu, I'd like to add some "white space" between the About Us and Trade dropdowns.

Any suggestions would be greatly appreciated

Alun

[DaisyVo · Accepted solution]

Hi @Alun 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.header__nav > a:last-child {
    margin-left: 30px !important;
}

Here is the result:  

https://img001.prntscr.com/file/img001/HPdlCj_1SaSdR36--Xoj6A.png 

I hope this helps

Best,

Daisy 

[Alun]

Thanks so much Daisy! Works perfectly

[Alun]

As well as adding in some white text, is it possible to make the last menu header entry (the right-most) in a different colour - for example in red text?