Navigation
Archive / Logo image responsiveness on mobile devices
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 15, 2016 at 2:20 am #1042794
    CrystalTiffanyTan
    Participant

    Hi!

    How can I make the logo image responsive for various mobile phones?
    I used 600px width for my logo image and it looks good on desktop and iPhone 6S+.

    When I use an android phone (Samsung phones etc) the image is too big. When I adjust it to a smaller width (example 500px), logo image looks too small on iPhone 6S+.

    Any way I can make this completely responsive for all mobile devices/ desktops/ laptops/ tablets?
    Thanks!

    June 15, 2016 at 2:20 am #1042795
    CrystalTiffanyTan
    Participant
    This reply has been marked as private.
    June 15, 2016 at 8:07 am #1043142
    Christian
    Moderator

    Hey there,

    Please try adding the code below in your Appearance > Customize > Custom > CSS

    @media (max-width:410px) {
    .x-brand {
        width: 80%;
    }
}

@media (max-width:320px) {
    .x-brand {
        width: 70%;
    }
}

    Thanks.

    June 16, 2016 at 12:59 am #1044621
    CrystalTiffanyTan
    Participant

    Great! Working perfectly. Thank you

    June 16, 2016 at 1:36 am #1044660
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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