Solved

Spacing between logo and navigation bar

INFRA
Shopify Expert
124 0 51

Hi all, I would like to add some spacing between the logo and the navigation bar on the Spark theme.

 I've tried to find it in the css file but have had no luck so far. Does anyone know how to achieve this?🙂

website: https://trg-natural-pharmaceuticals.myshopify.com/ password: shop123

Thanks so much in advance!

Accepted Solutions (2)

Bunty
Shopify Partner
133 39 82

This is an accepted solution.

try

.header__links {
    margin-left: 40px;
}

change 40px to what you would want.

Don't forget to test this on the mobile

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@INFRA 

Please add the following code at the bottom of your CSS file.

@media (min-width: 60em){
nav.header__links {
    margin-left: 70px;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

Bunty
Shopify Partner
133 39 82

This is an accepted solution.

try

.header__links {
    margin-left: 40px;
}

change 40px to what you would want.

Don't forget to test this on the mobile

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@INFRA 

Please add the following code at the bottom of your CSS file.

@media (min-width: 60em){
nav.header__links {
    margin-left: 70px;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
INFRA
Shopify Expert
124 0 51

Thanks @dmwwebartisan & @Bunty  these both worked great!