Adding White Space to Menu?

Store Design
, ,
1

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.

Screenshot 3.jpg
Screenshot 3.jpg825×220 15.5 KB

Any suggestions would be greatly appreciated

Alun

2

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

3

Thanks so much Daisy! Works perfectly

4

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?