Hi! The mobile view for my logo, and even my entire header, is far too large. I need to be able to reduce the logo size for the mobile view ONLY, or even the entire header contents for the mobile view only. I’ve included a link for the mobile view. Please help : /
password: admin
Hi @Honeybee_1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media (max-width: 767px){
.header__heading-logo {
max-width: 60% !important;
}
header.header.header–middle-left.header–mobile-center.page-width.header–has-menu.header–has-social {
padding-bottom: 0 !important;
}
.header__heading-logo-wrapper {
height: 80px !important;
}
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
This has been an issue for over a week. I’ve contacted Shopify customer support multiple times, have had a dialogue going via email with them, as well as had various chats with support. I’ve been searching forums high and low. You’re the first person to come up with the actual working solution. You have no idea how grateful I am. Thank you so very much.
: )
OMG, Glad to be able to help you!!! @Honeybee_1 
