Remove large white space under my slideshow on mobile view, dawn theme

Store Design
,
1

Hello,

I am looking for help with the slideshow on my website. When in mobile view, there is a big amount of white space below the photos which I am hoping to remove. Is anyone able to advise on how I can remove the white space?

My website is www.verterra.com.sg

Verterra_0-1742383684667.png
Verterra_0-1742383684667.png796×1528 216 KB

Thanks!

2

Hello,

I am using dawn theme on shopify

3

Hello, The problem occured due to this CSS

@media screen and (max-width: 749px) {
    .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
         min-height: 34rem;
    }
}

min-height: 216px !important;

You can adjust the min-height , it will fix your issue

4

Thank you! Can I check where I can locate this code so I Can edit it please?

5

Hi @Verterra

Did you want it like this? pls let me know. If yes add me as a colloborotor I will fix it for free :blush:

ShishirHelps_0-1742399408076.png
ShishirHelps_0-1742399408076.png734×894 289 KB

6

@Verterra
Go to your theme ->find the CSS assets/section-image-banner.css inside the CSS search the line and then you can adjust .

Online Store ->active theme->edit code

Arif_Shopidevs_0-1742402842373.png
Arif_Shopidevs_0-1742402842373.png786×1028 60.3 KB

7

Hello,
I adjusted it to 216px as you advised, but now it totally removes the slideshow banner, and I can only see the pagination circles at the top of the page.

Verterra_0-1742458522107.png
Verterra_0-1742458522107.png672×1444 164 KB

8

Hi ShirShir,

Yes that is exactly what I need! I’m sorry I dont know how to add someone as collaborator. Are you able to share with me how you made the edits and I can customise in the CSS accordingly? Thank you so much

9

Please use this css it will solve the issue

@media screen and (max-width: 749px) {
  .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    display: none;
  }
  .banner__media {
    position: unset !important;
}
}
10

Thank you so much! this Really worked like a charm!

11

Glad to know it works. Do not forget to like our solution :slightly_smiling_face: