[Resolved] Logo positioning -767px

[Paul]

Hi,

I need to apply a negative margin top to a logo which has worked with a single value on previous versions of GP. Now I find I need to increase that value below 767px but it seems like the maximum I can set is -65px (approx.). That’s just short of what I need. Can you tell me how I can apply a slightly increased value?

http://wordpress.style960.com/

Also, how can I center that logo below 767px? Margin 0 auto, setting margin-left and right to auto, or text-align center have no effect.

Thanks,
Paul.

[Tom]

It seems you could make it -65px, but it will begin to go off screen? You would have to increase your grey border at the top in order for it to overlap it some more.

As for centering, try this:

@media (max-width: 767px) {
    .site-logo {
        display: block;
        text-align: center;
    }
}

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

[Paul]

Hi Tom,

Maybe caching at play again – I did see the -65px margin take effect later. I can adjust that now.

I should have spotted the missing display: block;!

Thanks,
Paul.

[Tom]

Glad I could help! 🙂

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

[Author]

Posts