Unable to Keep Logo Centered

zeke0088
New Member
2 0 0

The main Logo on the top of my Website Appears in diff positions instead of being Centered on various diff computers. 
Ive tried Adding the CSS that i see always added here in the Assests/Theme.sscs  or whatever. I dont have the area i have Assets/theme.js 

using Testament Theme

 

Shopalignmentco

 

0 Likes
iDoThemes
Excursionist
40 11 22

That's because the grid system for your header is set up like this:

iDoThemes_0-1621302895660.png

The second item is right-aligned and doesn't use all of the empty space.  To fix this you'd need to make it so the first grid item, and last three grid items take up the same amount of space. Then the second grid item would need to take up the remainder and be center aligned. Something like:

grid fixed.png

Developer of Liquify Chrome Extension -- Enhance the Shopify Theme Code Editor

Theme Developer -- Drop me a line
0 Likes
zeke0088
New Member
2 0 0

is this easy to do. The guy i had working on it couldnt figure it out and wont reply to me now

0 Likes