Symmetry Mobile Logo Size Too Small

Solved
Highlighted
Tourist
7 0 1

Hello All,

 

I am using Symmetry theme.

My website is https://chikidiki.com/

Password is 123

 

For some reason, when I change the logo size, the changes only reflect on desktop website but not on mobile website. 

Is there a way to make my mobile logo larger?

 

Thank you very much!

0 Likes
Highlighted
Shopify Partner
776 123 379

i found the solution but after some time page disappered.gf.png

0 Likes
Highlighted
Tourist
7 0 1

Hi candiSoft,

Thank you very much for your help!

I am working on getting the page back.

Will let you know once it is up and running. 

0 Likes
Highlighted
Shopify Partner
776 123 379

ok sure

0 Likes
Highlighted
Tourist
7 0 1

Hi candiSoft, thank you for your patience. The website is back on. 

0 Likes
Highlighted
Shopify Partner
776 123 379
Ok i will give solution in few minutes.
0 Likes
Highlighted

Success.

Shopify Partner
776 123 379

put below code at the bottom of styles.scss.liquid.

path:  online-store->theme->action->edit code->assets->styles.scss.liquid

@media screen and (max-width: 768px){
    #mobile-header .logo>a:before{
      content: none !important;
    }
    #mobile-header .logo>a {
      width: 170px !important;
    }
    #mobile-header .logo img {
      width: 160px !important;
    }
}

-Give likes and mark as accepted solution.
Thank You

0 Likes
Highlighted
Tourist
7 0 1

Hi candiSoft,

 

Thank you very much for your help!

Have a good day.

1 Like
Highlighted
Shopify Partner
776 123 379

i think you should replace last code with below code.

@media screen and (max-width: 768px){
    #mobile-header .logo>a:before{
      content: none !important;
    }
    #mobile-header .logo>a {
      width: 180px !important;
    }
    #mobile-header .logo img {
      width: 170px !important;
    }
}

-give some likes

0 Likes