A user is designing a password page that displays correctly on desktop but encounters styling issues on mobile. Specifically, the email form lacks a visible container/box outline on mobile devices, showing only plain text instead of the bordered form box that appears on desktop.
Attempted Solutions:
</body> tagCurrent Status:
Hi, I’m currently designing the password page for my website and it looks good on desktop however on mobile the email form has no box around it due to there not being an option to hide container for the mobile like there is on desktop.
the right is how it looks on desktop and how i want it to look however the left is what the mobile looks like.
the website is: pael.fyi
Hey @pael
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi, thanks for the reply. unfortunately this is not what i was looking for; i still want the email form to be there but it needs to look like the desktop version where there is an outline of the email form box as on the mobile version it just shows the text.
Hey @pael
Apologies for the confusion, remove the previous code and add this new code with the same steps mentioned above.
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
