Shopify themes, liquid, logos, and UX
hello, my image banner for my opening image is set at a medium height. I think this looks good however, on mobile it doesn't look great, and i would like the image to be bigger. Can you give me code which will make the image banner bigger on mobile, but not desktop.
my website url is www.antico-abito.com , password is chasha , theme is dawn
Solved! Go to the solution
This is an accepted solution.
Hi @ads18922,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
@media screen and (max-width: 749px) {
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 50rem !important;
}
}
This is an accepted solution.
Hi @ads18922,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
@media screen and (max-width: 749px) {
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 50rem !important;
}
}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025