Register button doesn't show in login page on mobile devices

Topic summary

A user reported that the ‘Create Account’ button on the login page was invisible on mobile devices but visible on desktop.

Initial Solutions Proposed:

  • Multiple users suggested adding CSS code to assets/base.css to force the login link to display as a block element on screens under 750px width using display: block !important
  • The initial CSS fix did not resolve the issue

Root Cause & Resolution:

  • One user requested the main-login.liquid file code to investigate further
  • The actual problem was conflicting CSS code in the main-login.liquid file that needed to be removed
  • After removing the problematic code from that file, the register button became visible on mobile devices

Status: Issue resolved. The user confirmed the fix worked and thanked the community for their assistance.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi there,

As the title mentions, the login page doesn’t show the account ‘create account’ button on the login page on mobile devices. However, it is visible while browsing from a desktop. How do I solve this?

Link: https://fitnessnbalance.com/account/login

Image for reference:

Hi @thisiskishor ,

@media screen and (max-width: 750px) {
    .login a {
        display: block !important;
    }
}

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@thisiskishor

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 750px) {
    .login a {
        display: block !important;
    }
}

Thanks!

hi there, Thank you for the response.

however, adding the snippet at the bottom of base.css doesn’t still add a register now button, what might be causing the issue?

Hi @thisiskishor ,

Please send me the code of main-login.liquid file, I will help you check it, there is a CSS code causing error here

I just dm’ed you the code. Really appreciate your help. thank you.

Hi @thisiskishor ,

Please remove code here:

it will work fine

What if you try this:

a .signup{
   display: block !important;
}
1 Like

it worked! thank you very much!

really appreciate the help! :slightly_smiling_face:

1 Like

hi there, Thank you for taking the time to help me solve this. However, the comment above helped to fix the error by removing a code from man-login.liquid

I really appreciate your effort in trying to help me. Thank you!

1 Like

Hi @thisiskishor ,

If you have any questions, you can contact me directly.

Happy to help you :blush: