How can I center a logo image in a header on desktop view?

Store Design
1

Hi there,

I would like to center logo image on desktop view.

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

Much appreciated

2

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!

3

Unfortunately it does not work..

4

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!

5

it works. thank you so much

6

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

7

@Chbgo ,

Check your theme’s Assets folder.

8

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

9

@Chbgo .

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

10

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?