Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image Banner: Separate Mobile and Desktop color_scheme drop-downs #3726

Open
sciascia opened this issue Feb 13, 2025 · 0 comments
Open

Image Banner: Separate Mobile and Desktop color_scheme drop-downs #3726

sciascia opened this issue Feb 13, 2025 · 0 comments

Comments

@sciascia
Copy link

sciascia commented Feb 13, 2025

Describe the enhancement you'd like

To keep hero banners readable, merchants need an easy way to set a separate colour scheme for Mobile (see mockup).

Image banners with text look great on Desktop but often appear messy over images on Mobile. Enabling "Show container on mobile" usually makes text disappear since most sites use light backgrounds, and the desktop colour scheme requires light text over the image.

Describe alternatives you've considered

Hacking at the CSS with custom code which isn't practical for merchants.

Additional context/screenshots

Here's a classic example, Desktop looks great, Mobile does not....

Image

Image

Image Banner on mobile after CSS hacks - but setting a mobile colour scheme is practical for merchants...

Image

Image

@sciascia sciascia changed the title Image Banner: separate Mobile and Desktop color_scheme drop-downs Image Banner: Separate Mobile and Desktop color_scheme drop-downs Feb 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant