Black Friday! Get up to 25% off GP Premium! Learn more ➝

Reply To: Mobile header logo: optimal size?

Home Forums Support Mobile header logo: optimal size? Reply To: Mobile header logo: optimal size?

Home Forums Support Mobile header logo: optimal size? Reply To: Mobile header logo: optimal size?

#241124
Tom
Lead Developer
Lead Developer

The navigation logo/mobile header logo will be resized to fit in your navigation/mobile header.

So if your mobile header is 60px in height, the logo will be resized to 40px in height to allow for 10px padding on top and bottom of the logo.

You can overwrite this with some CSS:

/* Navigation logo */
.main-navigation .sticky-logo, 
.main-navigation .sticky-logo img {
    height: 40px;
}

/* Mobile header */
.mobile-header-navigation .mobile-header-logo, 
.mobile-header-navigation .mobile-header-logo img {
    height: 40px;
}

Hope this helps 🙂