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
798 124 405

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
798 124 405

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
798 124 405
Ok i will give solution in few minutes.
0 Likes
Highlighted
Shopify Partner
798 124 405

This is an accepted solution.

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

1 Like
Highlighted
Tourist
7 0 1

Hi candiSoft,

 

Thank you very much for your help!

Have a good day.

1 Like
Highlighted
Shopify Partner
798 124 405

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

1 Like
Highlighted
New Member
1 0 0

I'm using Prestige theme, 

It does NOT work for me, I tried them all 

0 Likes