Archived topic

Logo positioning -767px

3 replies · Started by Paul on December 13, 2016

Viewing posts 1–4 of 4

December 13, 2016 at 3:13 am #254208

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.

December 13, 2016 at 11:48 am #254374

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;
    }
}

December 14, 2016 at 12:53 am #254542

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.

December 14, 2016 at 10:35 am #254684

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.