User icon is not showing in the Impact Theme Mobile view

[Macoy102890]

Hi. I need your help. I notice that the user icon in the mobile view is not showing and there is no option in the theme settings. please help me to solve this problem. thank you. 

[exertweb · Accepted solution]

@Macoy102890 

I have checked and you need to remove  "hidden" class from the header.liquid file.
please follow below steps.

• Go to the Theme Code Editor:

  • In your Shopify admin, navigate to Online Store > Themes.
  • Click Actions > Edit Code next to your active theme.

• Find the header.liquid File:

  • In the code editor, locate the Sections folder.
  • Click on header.liquid to open the header file.

• Locate the "hidden" Class:

  • Search for the class="hidden" or similar code in the header.liquid file.
  • This class is likely applied to elements that are currently hidden from view.

• Remove the "hidden" Class:

[Tech_Coding · Accepted solution]

Hello @Macoy102890 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media (max-width: 767px) {
  a.hidden.tap-area.sm\:block[aria-controls="search-drawer"] {
      display: none !important;
   }
   ul.header__icon-list a.hidden {
      display: block !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[exertweb]

@Macoy102890 Can you share your store URL?

[Macoy102890]

https://www.naraya.com/

[exertweb · Accepted solution]

@Macoy102890 

I have checked and you need to remove  "hidden" class from the header.liquid file.
please follow below steps.

• Go to the Theme Code Editor:

  • In your Shopify admin, navigate to Online Store > Themes.
  • Click Actions > Edit Code next to your active theme.

• Find the header.liquid File:

  • In the code editor, locate the Sections folder.
  • Click on header.liquid to open the header file.

• Locate the "hidden" Class:

  • Search for the class="hidden" or similar code in the header.liquid file.
  • This class is likely applied to elements that are currently hidden from view.

• Remove the "hidden" Class:

[Macoy102890]

Thank you..🙏

[Tech_Coding · Accepted solution]

Hello @Macoy102890 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media (max-width: 767px) {
  a.hidden.tap-area.sm\:block[aria-controls="search-drawer"] {
      display: none !important;
   }
   ul.header__icon-list a.hidden {
      display: block !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Macoy102890]

Thank you.. It works 

[BSSCommerce-HDL · Accepted solution]

Hi @Macoy102890, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before </head> tag:

<style>
a[href="/account/login"] {
    display: block !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Macoy102890]

Thank you 

[BSSCommerce-HDL]

@Macoy102890, No problem. Have a good day 😍