Sticky Logo, left align?

Hi Grant,

Are you referring to the logo not sitting against the left side of the container?

That's because you have this CSS added:

.site-logo img {
    width: 320px;
    height: 70px
}

I assume that's for the non sticky navigation logo? If so try changing it to this to exclude sticky navigation logo:

.inside-hearder .site-logo img {
    width: 320px;
    height: 70px
}

Hi,

Thanks for the reply.

.site-logo img is for the main site logo, it's a svg and if the size isn't defined, is does not display.

I have change my sticky logo (also a svg) css to what you suggested, but it has no effect?

ahh I see. What about defining a width for the sticky logo like this?

.sticky-logo {
    width: 200px;
}

It's currently set at 320px as the normal navigation logo which is why there is space on the left side.

Let me know.

Does the image itself have that spacing on either side of the logo? If so, you might need to cut out that extra space.

Thanks for the help both. The issue was that I had defined the size on the wrong class.

Class should have been .sticky-logo as suggested by Leo.

Tom, Just wanted to say how much I'm enjoying GeneratePress, it's incredibly intuitive...

Great to hear, thank you! :)