Hi there,
I use an image as a banner for my website https://taneraskin.com/pages/about. In mobile version I would like to be the text not super tiny as it is now, but so big that the text covers the whole width of the page. Is it possible that pictures get “zoomed in” in mobile version?#
Best,
Isabelle
Hi @isabellemaria you can add this CSS code at the bottom of base.css file to make it bigger
Go to store admin > Sale channels > Online store > Themes > Edit code > Assets > base.css
@media only screen and (max-width: 600px) {
.banner { height: 140px; }
}
Here is there sult
Thank you, but nothing changed… you you please have a look again?
Hi, you can try to use this code instead of
@media only screen and (max-width: 749px) {
.banner { height: 140px !important; }
}
It still didn’t change anything… Also, wouldn’t .banner… change the height of all banners?