Archived topic
niche template
21 replies · Started by David on September 4, 2020
You're welcome
Hi David
When I add an item to cart, and it puts the total next to the cart item, it pushes the logo off center - what's the best way to fix this?
Thanks
Dave
And there was me trying to be smart lol and avoid absolute positioning of the branding.
Try adding this CSS:
.navigation-branding, .site-logo.mobile-header-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
}
Thanks David, I had to change it to 49.2% for the sticky logo to align up with the b icon at the bottom of the header.
It now ignores the 10px padding I had on inside-navigation now though. Also any ideas how I can vertically align the B icon on the sticky nav? looks a bit odd having the big space underneath.
Try removing the top: 0; property from the CSS i provided above.
Thanks David :)
You're welcome