Hi, I am editing a store and I need help with resizing my mobile banner. On the computer it looks fine but when you view it in mobile version the words don’t fit on the banner.
Hello @ImaniManyfield1 Can you share the store URL? thanks
@ImaniManyfield1 do you mean top banner?
No the banner that says handmade candles
@ImaniManyfield1 set the image as background remove all css from the text box and add padding top/bottom text align center
This theme doesn’t allow me to do top padding. I have the image as background already
Its not set as background its as seperate block before the text
It doesn’t give me a separate background option. Only where it says upload mobile image
Hello @ImaniManyfield1 
Inside Shopify Admin, you can go to Edit theme code, open file theme-styles.css and add this code at the bottom
@media (max-width: 767px) {
#block-1760decd-15b6-4ee2-940b-5265dbb920a1-largeImg-1 .adaptive_height {
padding-top: 100% !important;
}
}
The result on mobile
Hope that helps!
remove the image block and css to the text block
.custom-block-banner.banner-large-img {
background-image: url(https://www.chetaraelements.com/cdn/shop/files/CHE_TARA_ELEMENTS_1370_x_600_px_691e443c-5d7e-4665-9a4e-71e1d9d22ecf_1920x.png?v=1703986019);
padding: 323px 0px;
}
This didn’t work