SHFWS
January 16, 2023, 6:49pm
1
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?
SHFWS
January 16, 2023, 6:56pm
4
@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:)
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,
SHFWS
January 16, 2023, 7:11pm
10
This did not work either.
give me the screenshot where add the code?
SHFWS
January 16, 2023, 7:19pm
13
I am adding it right above
SHFWS
January 16, 2023, 7:34pm
14
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 don’t see the code.
where the code? you add the code on right theme?
SHFWS
January 16, 2023, 7:45pm
19
I added it to>>layouts>>theme.liquid
@SHFWS
i sent access request Please accept it then i will check where the problem are created.