SVG mobile logo bigger Dawn Theme

[Lavished]

Hello, I have tried every code listed in the community forum and nothing works. please help. I have and Svg logo  , I need to make bigger on mobile.   for some reason base.css hasn't been reponding to any code. please verify all looks well. thank you!!

lovedandlavished.com

123test

[Dan-From-Ryviu]

Hi @Lavished 

Please add this code Custom CSS in Online Store > Themes > Customize > Theme settings.

@media (max-width: 749px) {
.header-wrapper .header {
    grid-template-columns: 1fr auto 1fr;
}
.header__heading-logo {
    transform: scale(1.1);
}
}

[Lavished]

 

Yay this works but now the logo is  not centered. can we remove the search bar  to make room and center the logo. Thank you so much!

[Rahul_dhiman]

Hello @Lavished 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.header__heading-logo-wrapper {
transform: scale(1.2);
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[goldi07]

hello @Lavished 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css...> Add the following code in the bottom of the file

@media screen and (max-width: 767px) {
  .header__heading-logo-wrapper {
    transform: scale(1.3);
    width: 100%;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[Lavished]

this worked great  as well  but too close to the search icon. can we move the search icon  and cart more to the right to make room for logo?