Issues with centering the logo in top banner

Looking at your page it seems fixed. Do you still need help?

Hi Dave,

Thanks for getting back to me – maybe it’s my computer, it seems when I adjust the size of the screen, then I can make the logo look centered above the page title that is on each image, but when I full screen it, it looks off. If you think it looks centered with you, then it must be me!
The only issue I have now which I can’t solve is the black text that has shown up on https://www.ecis.org/events at the top, but I’ll see if I can work out where to remove it – the events calendar is the one page where it seems quite tricky to change the top text.
Many thanks
James

Hi Dave

Actually, I think I need a hand, please. The black text you see at the top of this page: https://www.ecis.org/events – please can you tell me where I would go to even see the text to edit? I’ve tried going through all the menus, Enfold Child, Events Calendar, the works, but I can’t even see where the text would be. Then I might be able to work out how to change it, or better still, delete.
Many thanks

Hi,

I checked on a bigger screen and indeed the logo is slightly off-center there. On smaller screens like mine it looks fine. I have a resolution of 1400 x 900.

To make it look good on bigger screens too, you need to add some CSS. You can do this through the theme customizer or in the style sheet of your child theme.

This is the CSS that makes it work for me on bigger screens like yours too:

div .logo {
    left: 0;
    position: relative;
}

div .logo img {
    display: block;
    margin: auto;
}

However, that then pushes your hamburger menu on the right out of sight. To get that back where it was you also need to add this:

#top .main_menu {
    top: 0;
}

That should do the trick

Also take a look at screens smaller than 990 pixels wide – there things shift again so you’ll need some additional CSS rules.

You also asked about

The black text you see at the top of this page

, but I don’t see which text you mean. Could you clarify?

brilliant, thanks a lot Dave. It looks like the black text has gone now – it said “upcoming events” and I couldn’t find where it was written in the back end, I went through all the wordpress menus trying to find where it had been entered, but no luck. I will use the code, though – really helpful.
Many thanks, really appreciated

The code has done the trick, you’re brilliant, thank you!