[Resolved] niche template

[David]

You’re welcome

[David]

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

[David]

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;
}

[David]

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.

[David]

Try removing the top: 0; property from the CSS i provided above.

[David]

Thanks David 🙂

[David]

You’re welcome

[Author]

Posts