[resolved] Any way to make the logo responsive? (3 posts)

  1. Ansarc
    Posted 2 years ago #


    Flato works great, but the problem is that my site design does not work on mobile, because the logo does not seem to be responsive (it shows up full size regardless of screen resolution). A bit like in this query. I'd like to make the image scale down on screen resolution smaller than, say, 1200 px.

    Is @media queries the way to go or is there another solution I should take a look at? I'm not exactly too knowledgeable on these issues, so the simpler the better :).

    Thanks in advance!


  2. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Setting 'max width' of '100%' on the image usually does the trick in most cases, e.g:

    .site-title img {
     max-width: 100%;


  3. Ansarc
    Posted 2 years ago #

    Wow, that worked! I thought I tried something similar, but I must have messed it up somehow..

    Thanks a lot for your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.