Hide logo in Mobile

  • Author
    Posts
  • #154394

    Hi. I would to hide the logo of the site in the mobile version only. In can’t find a way to do this. Is it possible with some css?
    The blog I need help with is https://sinigocalcio.com/

    The blog I need help with is: (visible only to logged in users)

    #154416
    binarymoon
    Theme Author

    Hi there. That’s absolutely possible. You can do it with the following custom css:

    @media only screen and (max-width: 782px) {
        .masthead .branding .site-title {
            display: none;
        }
    }

    I used the breakpoint 782px which is when the logo moves to the menu. You can tweak the value to fit whatever behaviour you want.

    Thanks – Ben

    #154553
    usdsinigocalcio
    Member
    Original poster

    Hi. But now I have to find a system to insert the site title in the mobile version

    #154554
    binarymoon
    Theme Author

    I’m confused. You asked how to hide the logo on mobile which is what I told you how to do.

    If you can explain exactly what you want to do then I will try to help get the result you are looking for.

    Thanks – Ben

    #154556
    usdsinigocalcio
    Member
    Original poster

    In the desktop version, the logo appears well, not as much in the mobile version. So I asked you not to show it in the mobile version. But now the site in the mobile version no longer has a title or at least I don’t see it.

    #154701
    binarymoon
    Theme Author

    Hi – sorry for the delay. It looks like you have solved this now? Do you need any more help?

    #154705
    usdsinigocalcio
    Member
    Original poster

    Hi there. Thank you very much, i have solved with some css. G.

  • The topic ‘Hide logo in Mobile’ is closed to new replies.