Hi,
Can anybody tell me how I can get my logo on mobile view bigger? It is so small…
Link to my website: https://mintestside.myshopify.com/
Password: bridal
Thank you in advance 
Topic summary
A user seeks help enlarging their mobile logo in Shopify’s Dawn theme, as it appears too small on mobile devices.
Solutions provided:
-
CSS approach: Add custom CSS to the end of base.css file targeting mobile screens (max-width: 749px) to increase header logo size
-
Theme.liquid method: Insert code directly into the theme.liquid file before the closing
</body>tag for mobile-specific logo sizing
Both solutions use media queries to target mobile viewports specifically. The CSS method modifies the .header__heading-logo class, while the theme.liquid approach adds inline styles.
Outcome: One commenter confirmed success after trying multiple solutions from the internet, indicating the provided code resolved their issue.
@Hello22 - please add this css to the very end of your base.css file and check
@media screen and (max-width:749px){
.header{grid-template-columns: 1fr 2fr 1fr;}
}
1 Like
Hello @Hello22
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you:
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
Mobile:
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
3 Likes
Thank you so much! After hours of codes from the Internet that didn’t work, this code worked.