How can I fix a mobile account logo sizing issue?

Hey all,

For some reason, the account logo in the header isn’t properly changing sizes for mobile.

See the attached images for reference.

Does anyone have a quick fix for this?

Here is the site link: https://french-bazaare.myshopify.com/

Hi @mattpermute ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.scss->paste below code at the bottom of the file:
@media (max-width: 768px){
.header-actions li.mbl-watch {
    vertical-align: top !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

@AvadaCommerce thanks for the reply! it looks like the alignment worked, but the icon is still not sizing down properly. See the attached image for reference

Is there any fix to make the icon height smaller as well to match the others?

Thanks!