Solved

How to center logo image in a header

Alex1510
Explorer
83 0 27

Hi there,

I would like to center logo image on desktop view.

Any suggestions? https://babyway.com.au/

Much appreciated 

 

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Alex1510 

Please try this CSS.

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (min-width: 768px){
.utils {width: 100%; position: absolute;}
}


Hope this works for you.


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 9 (9)

dmwwebartisan
Shopify Partner
12280 2546 3694

Hey @Alex1510 

Please add the following code in your assets/style.css file.

@media only screen and (min-width: 768px){
.store-logo {text-align: center;}
}


Hope this works for you.


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
Alex1510
Explorer
83 0 27

Unfortunately it does not work..

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Alex1510 

Please try this CSS.

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (min-width: 768px){
.utils {width: 100%; position: absolute;}
}


Hope this works for you.


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
Alex1510
Explorer
83 0 27

it works. thank you so much

Chbgo
Visitor
2 0 0

Where do you add it to in theme.scss.liquid?

 

 

dmwwebartisan
Shopify Partner
12280 2546 3694

@Chbgo,

Check your theme's Assets folder.

 

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
Chbgo
Visitor
2 0 0

Check it for what? I've placed the code in my theme asset. Nothing has changed.

dmwwebartisan
Shopify Partner
12280 2546 3694

@Chbgo.

Did you add the code in assets/theme.scss.liquid file?

 

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
Pivopivo
Visitor
1 0 0

Hi dmwwebartisan,

I tried to follow your directions to center the logo in my site (Venture theme) but it doesn't work (in Assets - theme.scss.liquid)

How can I do?