The account icon is missing when viewing my website from mobile (Motion Theme)

[ZBK]

Hi all, 

the account icon shows in the top right hand corner of my website, but when viewing on mobile, there's no account icon and my customers can't figure out how to log in. 

Can anyone help please?

www.okandco.com.au (using motion theme).

[saim007 · Accepted solution]

@ZBK No worries, Just copy and paste below CSS code in your theme.liquid file above </body> or </head> tag

<style>
@media(max-width: 768px){
a[href="/account"] {
    display: inline-block !important;
}
}
</style>

Please let me know if works and mark as solve!

[saim007]

Hi @ZBK Please follow below steps to fix my account issue on the mobile-

1. Go to Online Store

2. Click on Edit Code

3. Open header.liquid

4. Find for this class "site-nav__link site-nav__link--icon medium-down--hide"  and just replace with this one "site-nav__link site-nav__link--icon medium-down"

5. Save it!

it will show like this -

Please let me know if works and mark as solve!

[ZBK]

Thank you for your help. 

Unfortunately that is not in the text contained in header.liquid

There is either this: class="site-nav__link site-nav__link--icon js-search-header js-no-transition"

or this:  class="site-nav__link site-nav__link--icon js-drawer-open-nav"

Any ideas?

Thanks again for assisting. 

Zo

[saim007 · Accepted solution]

@ZBK No worries, Just copy and paste below CSS code in your theme.liquid file above </body> or </head> tag

<style>
@media(max-width: 768px){
a[href="/account"] {
    display: inline-block !important;
}
}
</style>

Please let me know if works and mark as solve!

[ZBK · Accepted solution]

Thank you SO MUCH!! This worked. Hooray 🙂