Site logo

Archived topic

niche template

21 replies · Started by David on September 4, 2020

Viewing posts 16–22 of 22

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

This archived topic is closed to new replies.