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

[DSS5]

hi guys, i am able to adjust size of the logo in desktop view in 'setting_schema' but unable to do this for mobile view. can someone help me in this?

i want logo's increase by 10-15% only in mobile view.  any help please.  URL : deshoeshop .com

[Hardik29418 · Accepted solution]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (max-width: 500px) {
.header__heading-logo-wrapper .header__heading-logo {
max-width: 110%;
}
}
</style>

[Hardik29418 · Accepted solution]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (max-width: 500px) {
.header__heading-logo-wrapper .header__heading-logo {
max-width: 110%;
}
}
</style>

[DSS5]

thanks for quick reply, but i am facing another issue here. when i am increasing size of logo in mobile view, it is touching 'search' logo/option.

is there any way, to move search and cart logo towards to far right(i don't mind if search and cart come close to each other. But also, by looking on that i have to move left side option ('3 lines' to far left). any help for all that please ...?

[joshcorbett]

The code-free way to do this is to set your mobile logo and adjust it's size, no?

[Beae_Cass · Accepted solution]

Hi @DSS5 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
@media only screen and (max-width: 747px){
    .header__heading-logo {
        scale: 1.1;
    }
}
</style>

Best regards,

Anthony

[DSS5]

thanks for quick reply, but i am facing another issue here. when i am increasing size of logo in mobile view, it is touching 'search' logo/option.

is there any way, to move search and cart logo towards to far right(i don't mind if search and cart come close to each other. But also, by looking on that i have to move left side option ('3 lines' to far left). any help for all that please ...?

see screen shot.

[Hardik29418]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (max-width: 500px) {
.header__search details .header__icon span{
padding-left: 19px;
}
}

</style>

[DSS5]

sorry mate, but this above code is only reducing size of the 'search' icon. i want both my right side of icons ('search' and 'cart' icons) move to far right and also the gap between 'search and cart' icon get reduced. 

as well as, because we have to match both right side to left side, so i need to move 'menu' bar(3 lines on left) also move to far left as per right side.