Hi
Please check the below screenshot for the mobile view,i would like to increase the size of the image little bit
Password: Testtest-1
Hi
Please check the below screenshot for the mobile view,i would like to increase the size of the image little bit
Password: Testtest-1
Hi @mostafa123 ,
Go to Assets > section-image-banner.css and paste this at the bottom of the file:
@media (max-width: 749px) {
#shopify-section-template--15376751165594__image_banner .banner__media {
width: 100% !important;
}
#shopify-section-template--15376751165594__image_banner .banner__media img {
width: 150% !important;
max-width: 150% !important;
}
}
Hope it helps!
Thanks a lot …it worked but do you know how to move the text and button down a little bit (i need the button to touch the top edge of the banner)
Hi @mostafa123 ,
Go to Assets > section-image-banner.css and paste this at the bottom of the file:
@media (max-width: 749px) {
#shopify-section-template--15376751165594__image_banner .banner__content {
margin-bottom: -45px !important;
}
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Unfortunately this didn’t work ![]()
Hi @mostafa123 ,
I checked and didn’t find the added code, you added it at section-image-banner.css file?
Please go to Assets > section-image-banner.css and paste this at the bottom of the file, it will work fine.
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
I added it already but deleted the code when it didn’t work.
I will leave it for you to check.
Many thanks
Hi @mostafa123 ,
i checked and it works fine, isn’t this what you want?
You can increase the number, it will make the image and text closer together.
Hope it helps!