Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #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!

    #1042795
    CrystalTiffanyTan
    Participant
    This reply has been marked as private.
    #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.

    #1044621
    CrystalTiffanyTan
    Participant

    Great! Working perfectly. Thank you

    #1044660
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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