How to reduce size of icons for MOBILE only to make logo symmetrical in the middle - Dawn Theme

[KelvinLeow]

Hi I need help if anyone knows how to reduce the size of the search and cart icons for mobile view so that my logo will be symmetrical in the middle instead of slightly skewed to the left because of the icons size.

FYI, no issue with desktop view.

Web: https://dissy-co.myshopify.com/
Password: Cheolt

[Moeed]

Hey @KelvinLeow
Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file and add the following code in the bottom of the file above

![Capture.JPG|352x654](upload://htDHxnzyTu8Va3BoNsy2hR8nhEm.jpeg)

[PageFly-Victor]

Hi @KelvinLeow

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

@media(max-width: 767px) {
.header__heading-logo {
    height: 26px !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[GemPages]

Hi @KelvinLeow ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

@media screen and (max-width: 767px){
svg.icon.icon-cart-empty {
    height: 38px !important;
}
img.header__heading-logo {
    max-width: 150px;
}
svg.icon.icon-hamburger {
    height: 22px!important;
}
}