[Resolved] Can't get Mobile Logo to display

[Bill]

I’ve been trying for hours to resolve this, looking through all the various topics people have previously created, but I can’t for the life of me figure it out!

My aim is to have the small icon-style logo I have set as the Mobile Logo (65x75px) in the top left, with the Menu hamburger and then the Search icon to the right, all on the same line when viewing on Mobile.

When I view the preview in WordPress, it looks okay, but when I publish and then inspect in a browser or view on my phone, it shows the full-site logo (not mobile) and the Search and Hamburger are on different lines.

[Tom]

Hi there,

Did you resolve this? Just checked your header out on mobile and it looks good.

Let me know 🙂

[Bill]

Hi Tom,
Yes, I did, thank you.

It turns out one of the CSS files had been Inlined in Hummingbird, and I wasn’t aware it had affected it!

Stupid error on my part.

Do you have any major do’s or don’t’s for inlining/compressing the CSS files within the theme? Is it not recommended at all, or are there specific files that should be avoided?

[David]

Hi there,

each cache / optimization plugin has its own set of rules when it comes to combining and inlining. Some it seems maintain CSS ordering better than others.

We use Autoptimize as we’re more confident in its results using these settings:

https://generatepress.com/fastest-wordpress-theme/

As to whether you need to compress/inline may depend on your pagesizes, number of requests and whether your server is HTTP2.0.

Easy way to tell is run a GT Metrix or Lighthouse test WITH and WITHOUT to see how it performs.

[Bill]

That’s an excellent article David, thank you. I’ll be sure to go through that thoroughly.

Do you guys have a list/article of recommended plug-ins to get the very best out of GP? It’s fantastic out of the box, but I really enjoy tweaking and maximizing the potential and I’d love to see what you guys advise.

Thank you for your quick and useful responses. I’m new to GP Premium and I’ve been very happy so far.

[David]

Glad to hear you’re enjoying GP Premium 🙂

There isn’t a definitive list but here are the other plugins by Tom that we cannot do without:

GenerateBlocks
https://generateblocks.com

WP Show Posts
https://wpshowposts.com

Lightweight Social Icons
https://wordpress.org/plugins/lightweight-social-icons/
although GPP 1.11 and GenerateBlocks will probably make this obsolete

OTHERS
And if you need a really lightweight social sharing plugin
https://wordpress.org/plugins/gp-social-share-svg/

other than that it is really case specific as i find we can do 90% of whats required within GPP and a couple of code snippets.

[Bill]

Thanks for the help guys, I’ll definitely take a look at all of those that I’ve not already tried. Much appreciated, keep up the great work!

[David]

You’re welcome

[Author]

Posts