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

[Hello22]

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😀

[suyash1 · 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;}
}

[GemPages]

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.

[applepoison]

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