Shopify themes, liquid, logos, and UX
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😀
Solved! Go to the solution
This is an accepted solution.
@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;}
}
This is an accepted solution.
@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;}
}
Hello @Hello22
It's GemPages support team and glad to support you today.
I would like to give you a solution to support you:
1. Go to Online Store -> Theme -> Edit code:
2. Open your theme.liquid theme file
3. Paste the below code before </body>:
<style>
body .header__heading-logo {
max-width: 400px;
}
</style>
Mobile:
<style>
@media screen and (max-width: 749px){
body .header {
grid-template-columns: 1fr auto 1fr;
}
}
</style>
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Thank you so much! After hours of codes from the Internet that didn't work, this code worked.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025