"Enter Using Password" moving on mobile devices

Hi,

I am having trouble with my “enter using password” moving around on mobile devices. I had to create a code to put the “enter using password” in the middle of my screen, because customers would try and sign in through the “subscribe” box and get confused. So, on a desktop or any type of computer it looks great, but on a mobile device it moves with the words and stacks on top of them.

Hello,

PLease Give me Url Then i will help you

@SHFWS

Please give me the store URL.

can you give me the screenshots for detecting where issue is actually created?

https://stonehollow-warehouse.myshopify.com/password

@SHFWS

please use given code above in theme.liquid

layout >> theme.liquid

@media only screen and (max-width: 767px) { .password-login{ position: unset!important; } }

after looks

@SHFWS

please use the given code. the password input place on the top of page and looks better:)

This did not work

or if you want to place same place same as desktop then add this given code. above

@media only screen and (max-width: 767px) { .password-login{ left: 0!important; width: 100%; } }

after use this code looks,

This did not work either.


give me the screenshot where add the code?

I am adding it right above

This did not work either..

yes You adding it right but i added above the then code work perfectly see the screenshot.

Please add the code ones again and don’ remove it. i want to look after the adding code.

firstly, please add the code again and tell me.

I have added it.

@SHFWS

ok

i don’t see the code.

where the code? you add the code on right theme?

I added it to>>layouts>>theme.liquid

@SHFWS

i sent access request Please accept it then i will check where the problem are created.