Center Logo (OOTS Flex)

fxgn
New Member
1 0 0

Hey,

I'm trying to center the logo in the classic header (logo on the left side). How can this be done in css?

DEMO (without centered logo): https://demos.outofthesandbox.com/?theme=Flex&style=Techno

 

Best,

Andy

0 Likes
hardik355
Shopify Partner
184 18 25

Hi  

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.container .header__brand {padding-left: 45%;}


If helpful then please Like and Accept Solution.

Thanks!

 

0 Likes
Natztech
Shopify Partner
2127 545 1298

hello @fxgn 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (min-width: 789px) {
#header-sticky-wrapper .container .header__brand {padding-left: 45%;}
}

 

 

0 Likes
Berla
Tourist
5 0 1

I'm interested in this as well, but when I go to assets I don't see theme.css. Did it change from the update?

Thanks,

Berla

0 Likes
Natztech
Shopify Partner
2127 545 1298

hello @Berla 

you can add code in  the end of file of  style.css file 

Varun_Mishra
Explorer
190 20 41

hii, @fxgn 
Paste this code in the top of style.scss file.

a.header__logo.header__link.primary-logo div {
    position: relative !important;
    left: 485px !important;
}

Thank You.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on This Email regarding any help.
0 Likes
Berla
Tourist
5 0 1

Thank you, it worked. 

0 Likes
Varun_Mishra
Explorer
190 20 41

@Berla 
If it is useful then accept my solution and,
Give it like.
Thank You.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on This Email regarding any help.
0 Likes