Hello,
how would i be able to adjust the image on my password page so it doesn’t look distorted? Also how am i able to adjust the password form as it is not fitted into the screen when entering the password.
any help is appreciated. Thanks!
Topic summary
A user is experiencing display issues on their Shopify store’s password page in mobile view. The main problems are:
Issues identified:
- Background image appears distorted on mobile devices
- Password form doesn’t fit properly within the screen
Solutions attempted:
- Another user provided CSS code to add to the base.css file targeting the password header positioning
- Initial code created an unwanted duplicate header, requiring a revised CSS solution using
position: relativefor.password .password-header .modal__content
Additional guidance:
- A moderator suggested using the template customization section to adjust the background image settings
- The user clarified their goal: they want a specific full-width background image to cover the entire password page without distortion
Current status: The discussion remains open as the user is still seeking guidance on implementing their desired full-page background image layout for mobile view.
@Mrlowprofile - can you please share this page link?
Hello @suyash1 ,
@Mrlowprofile - I think you have disabled the password
My bad try now.
password is
keepup
@Mrlowprofile - please add this css to the very end of your base.css file and check
@media screen and (max-width:749px){
.password .password-header{position: initial !important;}
}
This has created another header using mobile view
@Mrlowprofile replace above code with this and check
@media screen and (max-width:749px){
.password .password-header .modal__content {position: relative;}
}
1 Like
Hey there @Mrlowprofile You can click on the background on your password page’s template customization section, and customization options will appear. If you need extra information or pointers, this guide should be helpful. Let me know if you need some guides with extra information that could guide you more should you need it.
1 Like
Hello @Bundler-Manuel ,
would you have any advice on how I’d be able to edit the background image from being distorted when using mobile view?
