Logo on mobile device

  • Author
    Posts
  • #144677
    marlprat
    Member

    Hello

    I would like to show my logo on mobile devices. For some reason I just see the title, is there any way by adjusting CSS?

    Thanks
    Pd: thanks for the support you are already giving. I already solved a few questions by reading other tickets.

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

    #144681
    binarymoon
    Theme Author

    Hi there – thanks for the message.

    On the mobile view the logo is displayed in the sliding menu.

    We could add it to the header with the following custom css:

    .secondary-masthead .site-title a {
        background: url(https://marlprat.files.wordpress.com/2018/03/mar-l-prat_architecture-design.png?w=100) no-repeat left top;
        background-size: 4rem;
        padding-left: 5rem;
    }

    This may push the title off the side of the screen though, so you may need to shrink the size of the site title text.

    #144701
    marlprat
    Member
    Original poster

    I see it works, the problem now is that is overexposed to the title.

    Is it possible to hide the title in mobile devices? Aparently there is a check for that but it doesnt work for mobile.

    Thanks in advance

    #144728
    binarymoon
    Theme Author

    Sure – that’s possible. If you remove the code I gave you before and replace it with the following custom css it will hide the title, and just display the logo.

    .secondary-masthead .site-title a {
        background: url(https://marlprat.files.wordpress.com/2018/03/mar-l-prat_architecture-design.png?w=100) no-repeat left top;
        background-size: 3rem;
        padding-left: 5rem;
        text-indent: -999em;
        display: block;
    }
  • The topic ‘Logo on mobile device’ is closed to new replies.