https://rugged-jp.myshopify.com/
theme is dawn.
password page banner image does not show on mobile but it shows on desktop version fine. I have “Show content below image on mobile” on. Turning it off doesn’t work either. Please help!
Password page banner image does not show on mobile but it shows on desktop version fine. Please help
Topic summary
A user is experiencing an issue with the Dawn theme where the password page banner image displays correctly on desktop but not on mobile devices, despite having “Show content below image on mobile” enabled.
Solution Provided:
- Add custom CSS code to the
base.cssfile (Themes → Edit code → Assets → base.css) - The specific CSS targets the banner media element to force display on mobile
- The user confirmed this solution worked
Follow-up Question:
The user then asked how to change the styling of text elements on the password page:
- Change “Keep up with our drops!” text to white
- Change the “Email” text box to white with black text
This secondary styling question remains unanswered in the thread.
Hi @ruggedjp
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css
#Banner-template--17033336127783__main .banner__media {
display: block!Important;
}
Thanks! That worked.
