Logo mobile size and position

  • Good morning, I am having some problems customizing the position and size of the logo in the site header.
    If I try to change the size in the section where I upload the logo, it only increases the size in the desktop part. If I try to increase it in the mobile section, it doesn’t work.
    Besides increasing it I would also like to move it a little to the right but the alignment buttons don’t work for the logo. Does anyone know how to help me maybe with css?

    Thanks

    Translated with https://www.DeepL.com/Translator (free version)

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

Viewing 1 replies (of 1 total)

  • Hi @noritarte,

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

    @media only screen and (max-width: 768px) {

    .bhfb-main_header_row > .container > .bhfb-row {
      position: relative;
    }

    .bhfb-main_header_row .custom-logo-link img {
      width: 300px;
    }    
    
}

@media only screen and (max-width: 460px) {
    .bhfb-main_header_row .custom-logo-link img {
      width: 60%;
    }    
}

@media only screen and (max-width: 991px) {
    .bhfb-main_header_row .site-branding {
      position: absolute;
      top: 0;
      left: 0;
    }  
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .bhfb-main_header_row .bhfb-column-2 {
      position: relative;
    }
    
    .bhfb-main_header_row .custom-logo-link img,
    .bhfb-main_header_row .site-branding {
      width: 100%;
    }    
    
    
}
Viewing 1 replies (of 1 total)
  • The topic ‘Logo mobile size and position’ is closed to new replies.