How can I make my mobile logo larger on the Dawn theme?

Solved

How can I make my mobile logo larger on the Dawn theme?

Hello22
Shopify Partner
31 0 3

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😀

Accepted Solution (1)

suyash1
Shopify Partner
10711 1324 1699

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;}
}

suyash1_0-1671209039177.png

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
10711 1324 1699

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;}
}

suyash1_0-1671209039177.png

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

GemPages
Shopify Partner
5625 1262 1279

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:

 

GemPages_0-1669618959296.png

 

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:

 

Screenshot at Dec 16 23-49-38.png

 

Screenshot at Dec 16 23-54-02.png

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
applepoison
Visitor
2 0 0

Thank you so much! After hours of codes from the Internet that didn't work, this code worked.