How can I center the logo on Venture theme's header?

Store Design
1

Hello,

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

2

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;
}
2 Likes
3

Perfect, thank you!

4

Great, good luck!

5

Where can I find the code to alter it?

Please let me know, thanks

6

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.

1 Like
7

The code is not working for me

8

Hey, you can add this >>>

padding-left: 15%!important;

to the header section, but change the 15% to 5% and that should work, well it worked for me. Good luck!

9

Both of these codes certainly work!