Venture Theme - Center Header Logo

Solved
chummeez
Tourist
5 0 0

Hello, 

I am trying to center the logo on my header in the venture theme. How can I do that?

0 Likes
neeravmakwana
Shopify Partner
163 29 35

This is an accepted solution.

Hi,

If you want to Center align only the logo, please add this to the end of your theme.scss.liquid file.

 

.site-header__upper .small--text-center {
    text-align: right !important;
    padding-right: 5% !important;
}

 

Additionally, if you want to center align the navigation items as well (Home, Catalog, About Us etc. pages), then add this at the end of the file too, Please let me know if this worked. Thanks.

#SiteNavParent {
    text-align: center !important;
    padding-left: 15%!important;
}

 

chummeez
Tourist
5 0 0

Perfect, thank you!

0 Likes
neeravmakwana
Shopify Partner
163 29 35

Great, good luck!

0 Likes
Rossela
New Member
1 0 0

Where can I find the code to alter it?

Please let me know, thanks

0 Likes
wnwhelp
New Member
1 0 0

Added the code and it looks great on my desktop browser. Thank you!

But when I view it on my phone it looks slightly off center to the left. Is there anything that can be done about that?

iPhone 8, latest safari.

0 Likes
PriyankaPRasann
New Member
1 0 0

The code is not working for me

0 Likes