Home › Forums › Support › Mobile header logo: optimal size? › Reply To: Mobile header logo: optimal size?
November 2, 2016 at 9:30 am
#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 🙂