Solved

How can I adjust the logo size on a mobile view in the Dawn theme?

log11
New Member
4 0 0

Hi, can someone help me to enter a code to enlarge the logo from the phone?
Because the theme (dawn) that I use it has no function to change the size of the logo

Accepted Solution (1)
techlyser_web
Shopify Partner
1404 262 276

This is an accepted solution.

<style>
@media screen and (max-width: 767px){
   .header__heading-logo {
       height: 56px !important;
       max-width: 155px !important;
   }
}
</style>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 7 (7)

techlyser_web
Shopify Partner
1404 262 276

Hello @log11 

Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
log11
New Member
4 0 0

did you see?

techlyser_web
Shopify Partner
1404 262 276

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (max-width: 767px){
   .header__heading-logo {
       height: 56px !important;
       max-width: 155px !important;
   }
}
</style>

techlyser_web_0-1709117848585.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
log11
New Member
4 0 0

Before that?
Can you write just the code that I need to paste

 

 

Cattura 1.PNG

techlyser_web
Shopify Partner
1404 262 276

yes

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
log11
New Member
4 0 0

You can write ONLY what I have to paste.

 

thanks 

techlyser_web
Shopify Partner
1404 262 276

This is an accepted solution.

<style>
@media screen and (max-width: 767px){
   .header__heading-logo {
       height: 56px !important;
       max-width: 155px !important;
   }
}
</style>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com