Header logo not scaling right on mobile

  • Resolved wholesomeadam

    (@wholesomeadam)


    8 years, 6 months ago

    Hi!
    When I view my page on a mobile the Header Logo (coming from my site name) doesn’t respond properly. It’s not scaling down accordingly, and only half of the text in my header logo is visible.

    What can I try?

    Would it be better with a .png instead, and if so, how do I put that in there?

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    Could you give me the link to your website so I could check? ??

    Regards,
    Hardeep

    Thread Starter wholesomeadam

    (@wholesomeadam)

    Hi!

    So the problem I had still persists. Here is the link to my site;

    https://www.incaseidontgettosaythis.com

    So what I’d like is to have the h1 title to scale with smaller screens, like on cell phones. I’ve played around with @media script, but I’m not skilled enough to get it to work.

    I love your theme!

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    Add the following CSS to your WordPress, using Advanced CSS Editor plugin, to the mobile section of the plugin:

    header h1#logo {
    font-size: 3vh !important;
}

    Hope it works. ??

    Thread Starter wholesomeadam

    (@wholesomeadam)

    It worked great! Thanks for your speedy help!

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Glad to be of help. ??

    Please help me, I am having a similar issue however it is with an image as opposed to text. I seem to remember in previous versions auto-scaling was just a checkbox but not I can find nothing like that currently. I have installed your plugin but cannot figure how to use it with an image (either .jpg or .png) as opposed to plain text. Thanking you in advance…

    Mike – zero-point.us

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi Mike,

    Please create a new thread for your question, as per Forum guidelines. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header logo not scaling right on mobile’ is closed to new replies.