How can I reduce white space on Dawn theme's mobile view?

[reelfishy]

Hello,

I'm in the process of changing to Dawn Theme from Supply.  I noticed a lot of white space on the Home Page, especially in the mobile view.  How do I reduce the white space.  www.ReelFishyApparel.com

 Orange square is where there is a lot of white space on mobile view.

Thanks for any help!

[hawkscode]

hi @reelfishy 

please can you share your store url 

[reelfishy]

@hawkscode  - my current url is https://reelfishyapparel.com/

I'm currently using Supply Theme but in the process of designing Dawn Theme.  The white space issue is on Daw theme (especially on mobile view).

  

[hawkscode]

hi @reelfishy 

i checked in mobile  view .. .but now space found 

[reelfishy]

@hawkscode  - that's my current theme - Supply.. no issues with my current theme.  I'm in the process of switching to Dawn theme.  This is where the white space is.  See attached screen shot.  Dawn theme is not live right now so you won't be able to see it.  I know people have had issues with other themes but I can't find anything as a solution on the Dawn theme.  Can you help?

[ThomasBorowski]

Could you share a preview link of your store with the Dawn theme? You can find info on how to do that here: https://help.shopify.com/en/manual/online-store/themes/adding-themes#share-a-theme-preview-with-othe...

[reelfishy]

@ThomasBorowski - here is the preview.  The issue is on mobile view.  Thanks!

https://ntkfwxvour2ctbdb-13040583.shopifypreview.com

[hawkscode · Accepted solution]

@reelfishy  @ThomasBorowski 

File  base.css

add this code in bottom 

@media(max-width:767px){
#Banner-template--15390794350809__image_banner .banner__content.banner__content--flex-end.page-width {display:none}
}

[reelfishy]

@hawkscode Yes!  Thank you!  That worked great.