Logo too small on mobile

  • My logo on the homepage is looking good on desktop but it is too small in mobile view. Description is also too small. How can I make it big on mobile as well? I am using three columns in header. and my logo is in middle coloumn.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @raiqasim,

    I am sorry for the delay.

    Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
  .bhfb-main_header_row .bhfb-column-2 {
    width: 700px;
  }
  .bhfb-main_header_row .bhfb-column-2 .custom-logo-link img {
    width: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .bhfb-main_header_row .bhfb-column-2 {
    width: 600px;
  }
  .bhfb-main_header_row .bhfb-column-2 .custom-logo-link img {
    width: 600px;
  }
}
@media only screen and (max-width: 991px) {
  .bhfb-main_header_row .bhfb-column-2 {
    width: 350px;
  }
  .bhfb-main_header_row .bhfb-column-2 .custom-logo-link img {
    width: 350px;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Logo too small on mobile’ is closed to new replies.

Tags