Homepage banner on desktop wont fit mobile

Store Design
1

I am using Venture theme, on desktop my homepage banner appears fine but on mobile it cuts off the image, any suggestions?

1 Like
2

@BikeGraphics

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Good day, can I contact you in private?

1 Like
4

@BikeGraphics

yes, please

if you have any queries and issues please feel free to contact me here.
Email: bamaniyaketan.sky@gmail.com
Skype: bamaniya.sky
WhatsApp on: https://wa.me/message/6KDMO4ZCE5QKG1
5

@BikeGraphics

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {min-height: 100%;height: 145px;}
}
6

That worked! Thank you very much!!!

1 Like
7

@BikeGraphics

its my pleasure to help us

8

I have a similar problem, but it’s that the top and bottom of the banner are cut off depending on the computer screen. I make my banners so the important info is in the centre to fit mobile, but with the top and bottom cut off on desktop computers, it’s tough to make that work too. Any solution for me?