Moving logo on parallax theme

Solved
Highlighted
New Member
3 0 0

Hi all,

 

there's a good soul here that can help me with the logo ?

I need a way to move it more to the left, as for now it remains too much on the right.

Can someone tell me please the code that I need to add (and where) to move the logo horizontally ?

 

Many thanks

0 Likes
Highlighted
Shopify Partner
87 29 20

Happy to take a look, what's your store's URL? (and password if that's on)

Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/
0 Likes
Highlighted
New Member
3 0 0

Hi Alex, many thanks :-)

 

website: https://vibesclothing.eu/

 

password: quiesh

 

Waiting for your answer !

 

Many thanks again :-)

0 Likes
Highlighted

Success.

Shopify Partner
87 29 20

It looks like the uploaded logo has a ton of empty black space around it - cropping that should help your theme's css align it properly.

 

For moving it further to the left, it looks like that's constrained by your container size of 1200px on desktop. Your theme might have a setting in your theme customizer to change that.

 

Or, CSS method. Add it to the end of your theme's scss file:

 

/* Make header container wider*/
.header .container{
    width: 100%;
}

/* Recenter menu items on the right of logo*/
@media (min-width: 799px) {
    .header .container .logo {
      margin-right: 5%;
    }
}

 

Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/
0 Likes
Highlighted
New Member
3 0 0

Many thanks, Lam ! :-)

 

Just a quick question: you said to add it to the theme's scss file.

The file that I found is not named theme.scss or whatever similar, like in other shopify's theme, but is named styles.scss.liquid .

What I mean is, is it the right file or it's just working for luck ?

 

Many thanks again ! If I will need to order some work on my shop I'll consider you ! ;-)

0 Likes
Shopify Partner
87 29 20

Yup that works too, the exact name may be different depending on theme!

Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/
0 Likes