Hi, professionals.
Could you please help me.
I want to display 2 banners (same content) on desktop and mobile. So I put those banners to image banner on theme customize. Please have a look below images. (I am building this site so the images are not so good)
^^^ for desktop
^^^ for mobile
But thing is as you know, banner for mobile is not showing long enough which height is not fit it.
I have searched and put some supporting code (blow image)
I tried to put some code like ‘height auto, height :100%’ but it didn’t work well.
Could you guys help me about this?
1 Like
@ssallamo
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
@KetanKumar
yes that is my site.
What did you mean? what should i confirm?
1 Like
@ssallamo
i mean check that look its fine?
@KetanKumar
Sorry KetanKumar. That is not the answer for my question.
my issue is on mobile version.
my banner for desktop is fine.
currently mobile banner is showing like this.
but I want it to show like this
that is css height issue.
I just want to know fix it.
I didn’t expect my question was hard to get it.
Is there any body know how to solve it?
1 Like
@ssallamo
oh yes, please add this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
#Banner-template--15307724816597__image_banner::before, #Banner-template--15307724816597__image_banner .banner__media::before, #Banner-template--15307724816597__image_banner:not(.banner--mobile-bottom) .banner__content::before
{
padding-bottom: 180.5% !important;
}
}
1 Like
@KetanKumar
It works perfectly. Thank you very much KentanKumar.
It is very helpful for me.
1 Like
@ssallamo
its my pleasure to help us
This did not work for me.
1 Like
@isaacjj95
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
1 Like
https://puppypalapparel.com/
Thank You.
If possible I would like the entire banner to appear on mobile. I’ve seen it done before on websites. I just don’t know how to apply it.
Hi Ketan, I wondered if you would be able to help me with the code please as also experiencing similiar problems. I am on Dawn theme and mobile image chops off some of the left side of the dropper with oil in. Thank you in advance 
1 Like
@DaliaHawley
oh sorry for that issue can you please send store url
Of course, this is my test one https://daliabotanique.co.uk/?_ab=0&_fd=0&_sc=1. The picture can be changed but if there is a solution then that would be preferable. I also wanted to change the alignment so it’s more similiar to this; https://vintnersdaughter.com/ plus also https://leoniebotanics.co.uk/ so the text is on the right.
Thank you so much in advance.
1 Like
@DaliaHawley
thanks for all details but i can’t see that banner
Is this better? It’s the preview so i wonder if it stops after some time? https://daliabotanique.co.uk/?_ab=0&_fd=0&_sc=1
Hi Ketan, I think I have fixed some of it but I found that you can add a mobile and desktop image. Here is the thread but it is a little old, are you able to help with an updated code at all? Thank you in advance, https://community.shopify.com/topic/522935
1 Like
