Sticky Logo, left align? – GeneratePress

This topic has 6 replies, 3 voices, and was last updated 8 years, 7 months ago by Tom.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
February 22, 2017 at 1:33 am #282278

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?

February 22, 2017 at 7:58 am #282456
Leo
Staff
Customer Support
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
}
```
February 22, 2017 at 9:55 am #282520

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?

February 22, 2017 at 10:43 am #282540
Leo
Staff
Customer Support
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.
February 22, 2017 at 11:26 am #282560

Tom
Lead Developer
Lead Developer

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

February 22, 2017 at 11:52 am #282595

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…

February 22, 2017 at 11:59 am #282599

Tom
Lead Developer
Lead Developer

Great to hear, thank you! 🙂
Author

Posts