[Resolved] Mobile logo bigger

[jorgelomas]

Hello guys,

I’ve been reading almost all topics about mobile logo size, and I am not being able to make my logo bigger.
On one way, I have this CSS to make the logo float.

.main-navigation .navigation-logo img {
height: auto;
position: absolute;
left: 0;
}

But I need the logo as big as posible on mobile version.
Here is what I would like to do: https://dondetodocasa.com/wp-content/uploads/2018/12/responsive.jpg
Do you think is that possible?

Thanks

[Tom]

Hi there,

In this case, it may be better to turn the mobile header off and just use the regular site logo/menu: Customize > Layout > Header.

That should give your logo more room to be larger.

Let me know 🙂

[jorgelomas]

Mmmmm, thank you Tom, but still to small.
Do you know any CSS to make it bigger? Anyway, I think I’m going to remove it and make it with Elementor, you think is a good idea?

Thanks!

[Tom]

I’m still seeing the mobile header activated.

The issue is the image can only be as wide as the screen on mobile. So no matter how you create your header, your logo can only be so wide.

[jorgelomas]

Really? I deactivated it

https://dondetodocasa.com/

[Tom]

Ah I see, you’re still using the Navigation Logo.

Instead, upload your logo in “Customize > Site Identity”.

[jorgelomas]

Thank you!
You just open me a world full of posibilities.
I was so used to using the navigation logo that I had forgotten that possibility.

Regards! and have a nice weekend

[Tom]

Glad I could help! You too 🙂

[Author]

Posts