Account Icon Missing on Mobile View Brooklyn Theme

why my Account Icon not showing on mobile view but only on desktop view ? Can Someone assist me ? thanks

@lslelegance

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hey @lslelegance ,

Without being able to see your store, it’s difficult for us to establish what is happening. Would you mind sharing your website URL with me so we can take a closer look?

Look forward to hearing from you!

Hi I managed to fix it and added the account icon on mobile view also but now the issue is that the icons are misaligned and want them to be next to each other. Just to confirm desktop view is showing perfectly fine. I am using Brooklyn theme thanks

Website:

https://lslelegance.myshopify.com

Hi I managed to fix it and added the account icon on mobile view also but now the issue is that the icons are misaligned and want them to be next to each other. Just to confirm desktop view is perfectly fine. I am using Brooklyn theme thanks.

Website:

https://lslelegance.myshopify.com

I fixed it !

I managed to fix it !

I did find a solution already but thanks !

@lslelegance

great

thanks for update

I need some more help if can maybe ?

I need the social media icons to be horizontal instead of vertical and to put 22, LS elegance and payment icons in the middle under social media icons if possible please ? Thank u!

@lslelegance

Yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-footer .social-icons {
    display: flex;
}

Yes worked ! what aboutLS elegance and payment icons in the middle under social media icons if possible please ? Thank u so much :slightly_smiling_face:

worked on desktop mode but have an issue on mobile not centered any more then sorry for the problems caused

@lslelegance

yes, please add this code

.site-footer__payment-icons {
    margin-left: 0;
    text-align: center;
}
p.site-footer__copyright-content {
    text-align: center;
    margin-top: 11px;
}

@lslelegance

yes, please add this code also

.site-footer .social-icons {
    display: flex;
    justify-content: center;
}

sorry didn’t make any difference I copied it at the bottom of theme.scss.liquid but stayed same place unfortunately

this issue fixed thank u so much ! the other issue I mentioned below is still cannot move to center don’t know why

@lslelegance

i have check now its work both desktop and mobile