Logo too small on the iPhone

Morpheus-2014

Hi,

how do I get the logo on the page https://pixelway.de/projekt-hausarzt/ bigger. On the PC it is ok on the home page, as soon as I scroll or look at the page on the iPhone, the logo is clearly too small and therefore blurred.

Thanks

Pablo

Hello,

You can do that using Custom CSS code, but you have to know, that increasing the logo will misalign the hamburger menu, it wont be on the same line as logo.

@media (max-width:768px){
   body.mobile-header-mini #Top_bar #logo{ height:75px !important; }
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

Hi,

is it possible to create two different sized logos?

One logo should then be used for display on the PC and the other logo for display on the iPhone.

https://pixelway.de/projekt-hausarzt/

Thanks

Pablo

Well, the size won't be possible at all, even if you will use larger logo, it will get scaled to smaller height, to fit in regular, 50px of top_bar.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

Hi,

on this website https://www.raumeinrichtungen-tersteegen.de/ there is also space for the logo on the iPhone and it is significantly larger.

There should be a solution to be able to display the logo properly on a smartphone.

Thanks

Pablo

That website that you sent is not working, it's refusing the 404 error.

The "Top_bar" height is proper for mobile, it's hardcoded to 50px, of course, you can increase the header size, but it won't enlarge your logo.

If you want to make it bigger, you should use the Muffin Header Builder, it will allow you to create more advanced headers.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next