Mobile logo problem

I don’t think you can do it without PHP for example.
Your site has to detect device.

Is there any plugin for that?

Not sure how to do PHP

@everythingred, You need to show us a Webpage with the issue, or replicate the issue in a sandbox like Codepen

https://www.dorar.greenuphosting.com

It looks fine on Nexus 5 but on iPhone it doesn’t.

Thanks.

Hmm what do you mean by ‘way too big’?

The logo covers the menu button on iphone 5. The logo and the menu button are both blue so you can barely see the menu button too

If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   @media screen and (max-width: 420px) {
       .top_nav .logo {
           padding-right: 50px;
       }
   
       .top_nav .logo img {
           height: auto;
           max-width: 100%;
       }
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

I freaking love you!