Navigation
Archive / Responsive Header Logo Question
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 19, 2016 at 12:20 pm #1222582
    techKNOW
    Participant

    Is it possible to have a larger (wider) logo on large screens and a smaller one on mobile?

    I have a site I am working on that the logo looks a little too large on Mobile, when I make it smaller, it looks too small on larger screens.

    Thanks!

    October 19, 2016 at 12:57 pm #1222632
    Joao
    Moderator

    Hi There,

    Sure it is possible,

    Please provide your URL in order that we can provide you a tailored solution.

    Leave the logo with the size you would like on desktop and we will adjust the rest for you 🙂

    Thanks

    Joao

    October 19, 2016 at 1:12 pm #1222651
    techKNOW
    Participant
    This reply has been marked as private.
    October 19, 2016 at 2:03 pm #1222728
    Joao
    Moderator

    Hi There,

    If you do the mobile menu adjustment I reccomended on the other thread I really dont think it is necessary changing the logo size.

    but if you would like to change you can add the following code to Appereance > Customizer > Custom > CSS

    @media(max-width: 480px) {
.x-brand img {
    width: 150px;
}
}

    Hope that helps

    Joao

    October 19, 2016 at 2:39 pm #1222771
    techKNOW
    Participant

    Thanks!

    October 19, 2016 at 2:55 pm #1222779
    Nico
    Moderator

    You’re most welcome.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1222582 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>