Sticky Logo, left align?

[Grant]

Hi,

On my site: http://staging-newest-tri.transitiongraphics.co.uk.

I have implemented a sticky menu, the logo within floats in the centre, although the styling suggests it should float left? Which is what I am trying to achieve.

How can I get the logo to sit left?

GeneratePress 1.3.44

[Leo]

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
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Grant]

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?

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Grant]

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…

[Tom]

Great to hear, thank you! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts