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;
}
}
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025