Reduce White Space, Dawn Theme

Solved
reelfishy
Excursionist
20 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
165 12 10

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 / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com


Skype : vikas.hawkscode


www.hawkscode.com

View solution in original post

Replies 8 (8)
hawkscode
Shopify Partner
165 12 10

hi @reelfishy 

please can you share your store url 

If helpful, please Like and Accept Solution

if you Want to Modify / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com


Skype : vikas.hawkscode


www.hawkscode.com

reelfishy
Excursionist
20 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
165 12 10

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 / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com


Skype : vikas.hawkscode


www.hawkscode.com

reelfishy
Excursionist
20 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
801 71 213

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

★ Smart Upgrades, Tips and Tutorials for Shopify themes: themepunk.io
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
reelfishy
Excursionist
20 0 2

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

 

https://ntkfwxvour2ctbdb-13040583.shopifypreview.com

 

hawkscode
Shopify Partner
165 12 10

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 / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com


Skype : vikas.hawkscode


www.hawkscode.com

reelfishy
Excursionist
20 0 2

@hawkscode Yes!  Thank you!  That worked great.