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:
-
Open Theme → Online Store → Edit Code.
-
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:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team