Mobile Logo Too Big

Hi,

I would like to make the logo and header on the mobile version of my site smaller.

It looks fine on desktop but it looks a little too big than what I’d like on mobile.

Thank you,
Stella

Hello Stella,

I would be glad to help you, but can you please provide a link to your website first?

Kind Regards, Roman.
aThemes Support

Hello there,

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

    @media only screen and (max-width: 767px) {
      a.custom-logo-link img {
        max-width: 180px;
      }
    }

Regards,
Kharis

Hi,

Tried this and didn’t work.

Regards,
Stella

Hi,

The website is https://additive3dasia.com

Regards,
Stella

Thank you for the link Stella, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 1199px) {
    header#masthead a.custom-logo-link img.custom-logo {
        max-width: 120px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman,

Another question - How do I make my logo the same size on the sticky header?

Currently when I enable sticky header, the logo automatically reduces in size when I scroll down.

Thanks!

Regards,
Stella

Hello Stella,

Please create a new topic for this issue to keep the forum in good order and make it easier to help you. Hope for your understanding.

Kind Regards, Roman.
aThemes Support

Hi Roman,

Sure! Thank you.

Regards,
Stella

Great, thanks! :slight_smile:

Kind Regards, Roman.
aThemes Support