Reduce White Space, Dawn Theme

Solved
reelfishy
Tourist
12 0 2

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

Mobile Space Website.png

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

 

Thanks for any help!

 

Accepted Solution (1)

Accepted Solutions
hawkscode
Shopify Partner
74 15 13

This is an 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}
}


If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode

View solution in original post

Replies 8 (8)
hawkscode
Shopify Partner
74 15 13

hi @reelfishy 

please can you share your store url 



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
reelfishy
Tourist
12 0 2

@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).

 

 

  Mobile Space Website.png

hawkscode
Shopify Partner
74 15 13

hi @reelfishy 

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

 

Screenshot 2021-11-19 at 16.05.51.png



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
reelfishy
Tourist
12 0 2

@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?

 

Mobile Space Website.png

ThomasBorowski
Shopify Expert
648 44 153

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...

Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
★ EU B2B customer registration with VAT ID validation: https://apps.shopify.com/b2b-customer-registration ★
reelfishy
Tourist
12 0 2

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

 

https://ntkfwxvour2ctbdb-13040583.shopifypreview.com

 

hawkscode
Shopify Partner
74 15 13

This is an 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}
}


If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode

View solution in original post

reelfishy
Tourist
12 0 2

@hawkscode Yes!  Thank you!  That worked great.