Showing And Centering Logo On Mobile Devices

Hi there,

I just checked on my phone, your logo seems displaying correctly.
https://www.screencast.com/t/ylq2vlYpxE

Make sure you clear your browser cache on your mobile device :)

Let me know if you need further assistance :)

That's an old theme I deleted. For some reason, it's still showing even though I replaced it with GeneratePress and have since deleted my cache many times. (Separate topic, but how do I fix this issue?)

This is the site with GeneratePress:

https://www.screencast.com/t/opkoaoX2nv

Thanks,
Kwame

You might still have some server cache going on.

I'm sorry I can't provide solutions without seeing the code.

We can work on this topic once the other topic is resolved.

Hi, Ling,

I managed to clear the server cache. The site should now look as it should on mobile.

Thanks.

You are using mobile header, you need to upload a logo at customizer > layout > header > mobile header.

Once the logo is uploaded, we can figure out a CSS solution to center the logo.

And where do you want to place the hamburger menu icon? Let me know :)

That did the trick. The hamburger menu is OK on the left.

Is there a way to also automatically center the logo in the footer? Right now, I am using the following code to center it:

@media (max-width:768px) { .footer-widgets img {
display: block;
margin-left: 70px;
}
}

Thanks

Have you tried the alignment option?
https://www.screencast.com/t/Z36LlT6cCTIe

Let me know :)

Hi, Leo,

Well, I want the logo to show on the left on desktop (but center on mobile) and the sites social media icons to show on the right.

Remove your own CSS and try this instead:

@media (max-width: 768px) {
    .footer-widget-1 .wp-block-image .alignleft {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

Worked like a charm.

Thank you, Leo.

No problem :)

Hi, Leo,

There seems to be a minor issue. At least on my phone, the header menu doesn't drop down. Is just me?

Thanks

Hi there,

i checked your site on my iPhone and the hamburger menu is working ok for me.
Can you try clearing the browser caches ?