Login/register in header in smartphone view

Shopify Discussion
1

I would like to put a login/register button in the smartphone view, perhaps with a little man icon

2

Hi @lumieternal

Could you share your store URL to check?

3

Hi @lumieternal

Can you kindly share your store link (with the password protected) with us? We will check it and suggest you a solution if possible.

4

Yeah, lumieternal.com

5

Hi @lumieternal , you can try navigate to Online Store > Themes, click Actions > Edit Code, open header.liquid in the Sections directory, and insert the HTML near the cart icon.

Next navigate to the **Assets** directory and open the **theme.css** or **styles.scss.liquid** file. Insert the following CSS code to customize the appearance of the login/register button.

.mobile-login {
display: none;
}

@media (max-width: 767px) {
.mobile-login {
display: block;
position: absolute;
right: 10px;
top: 10px;
}

.login-register-icon i {
font-size: 24px;
color: #000;
}
}

6

it doesn’t work