How can I adjust mobile banner size to eliminate blank space?

Store Design
1

Hello all, i come with a similar problem i have read around the support forums, but one that hasnt helped me.

The banner looks great on desktop, but on mobile id like it to zoom in so that there is no space below the banner.

cant attach photos, but the mobile view has a black space between the banner and the banners pagination style

zoom in doesnt matter if the image is still visible and it looks similar, but i dont want it too close where sections are completely cut off.

Any help would be appreciated.

Website is: blacklistcards.com

Thanks for any help

2

Hi [email removed]UmBERK,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-image-banner.css

Step 3: Paste the below code at the bottom of this file ⇒ save

@media(max-width:767px){
.banner__box{
display:none !important
}
}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

3

This worked perfectly, thank you Oliver!

One more question, if i would like the WHOLE banner to be a link to a certain collection, is that possible with coding too? the button feature takes away from the clean image and id like the whole banner to be clickable based on the image showing at the time, rather than 1 individual button that people can see.

Please let me know if you need me to create a new topic for this but again thank you!

4

sorry but I think it can’t be possible