Navigation
Archive / Mobile logo size
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 19, 2016 at 6:12 pm #1000402
    Charan R
    Participant

    How can I resize the mobile logo on a phone. It’s overlaying my menu button and I need to make it a little smaller please.

    Thanks.

    May 19, 2016 at 6:13 pm #1000403
    Charan R
    Participant
    This reply has been marked as private.
    May 19, 2016 at 10:08 pm #1000797
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resize your logo on smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    @media(max-width: 767px){
  .x-navbar .x-container.max.width {
    width: 100%;
    max-width: 96%;
  }

  .x-brand img {
    max-width: 220px;
  }
}

    Feel free to adjust the logo width by reducing/increasing the maximum width from 220 pixels to a desirable size.

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