How to add space between menu items in navigation

Hi, I want to add a spacer to the navigation bar on my Shopify website. I am using Dawn 8.0.0. I made an example using a period but I want to have one space in the middle of the nav bar. Any idea on how to fix this?? Please lmk!

What I want it to look like (without the period):

What it currently looks like:

My website URL is https://droughtinc.myshopify.com/

Hi @harrisness

This is Mike from Omega

You can try this CSS code by following these steps:

  1. Open Theme → Online Store → Edit Code.

  2. Open Assets/base.css and paste this code on the bottom of file:

ul.list-menu.list-menu--inline li {
    margin: auto 20px;
}

You can change the number 20 to whatever number you want.

Hope my answer will help you.

Mike from Omega

Hi @harrisness

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Hello @harrisness ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


Let us know how it works for you.

Best regards,
GemPages Support Team