Archived topic
Make my mobile logo bigger
3 replies · Started by Tim on May 22, 2021
Viewing posts 1–4 of 4
From before I have this code in my CSS, but changing it doesn't seem to do anything.
.mobile-header-navigation .mobile-header-logo,
.mobile-header-navigation .mobile-header-logo img {
height: 30px;
}I am using naivgation as header and would like to make the logo a little bigger on the mobile view.
Site URL attached
Hi there,
you're not using the Mobile Header so that CSS doesn't apply and you have this CSS already that is changing the logo size on smaller screens:
@media (max-width: 768px) {
.slideout-toggle a {
font-size: 18px;
margin-top: 5px;
}
.xoo-wsc-cart-trigger a {
font-size: 18px;
margin-top: 10px;
}
.navigation-branding img {
height: 50px;
margin-top: 5px;
}
.navigation-branding .site-logo {
margin-bottom: 0 !important;
}
nav#site-navigation, nav#sticky-navigation {
margin-bottom: -20px;
}
}It is this part of that CSS that needs changing:
.navigation-branding img {
height: 50px;
margin-top: 5px;
}Of course, thank you David!
You're welcome
This archived topic is closed to new replies.
