Re: Dawn theme - unnecessary white space between sections and section overlap on Home page

Solved

Dawn theme - unnecessary white space between sections and section overlap on Home page

Myellagroup
Excursionist
35 0 5

Hi All,

 

All my sections after the top image banner have moved down creating unnecessary white space between the image banner section and the multicolumn section (SS1) as well as causing a section overlap of the collage section and the footer section (SS2) on my home page.

Link to site: https://myellagroup.com/ 

 

This happened since I added another image banner in the middle of the page. 

Does anyone know how to fix this please?

 

SS1:

Myellagroup_0-1637185882512.png

 

SS2:

Myellagroup_1-1637185895459.png

Thank you!

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 749

This is an accepted solution.

Hi @Myellagroup,

Go to layout/theme.liquid file, go to the end of the file and remove code: https://i.imgur.com/B2zS6Ja.png

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 7 (7)

LitCommerce
Astronaut
2860 684 749

Hi @Myellagroup,

I checked and the code you add '<font color="#000000">' at sections/image-banner.liquid file is not correct.

So you can switch the code back to theme defaults, everything will work fine: https://i.imgur.com/Q7TJsTm.png

Or you can change the whole code with this code: https://raw.githubusercontent.com/Shopify/dawn/main/sections/image-banner.liquid

If you want to put banner on header, I will help you with another code after you fix this error.

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Myellagroup
Excursionist
35 0 5

Hi @LitCommerce 

 

I tried everything as you asked and now I'm using the code you shared.

However, very little changed. The white space is still there and only the overlapping got improved slightly as below. 

 

Myellagroup_0-1637530407927.png

 

Thanks

LitCommerce
Astronaut
2860 684 749

This is an accepted solution.

Hi @Myellagroup,

Go to layout/theme.liquid file, go to the end of the file and remove code: https://i.imgur.com/B2zS6Ja.png

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Myellagroup
Excursionist
35 0 5

Hi @LitCommerce 

 

Thanks a lot! It worked!

sisaul
Explorer
55 0 16

Hello @LitCommerce 

I am using Dawn 2.5 and I would also like to remove the white space between sections but the theme.liquid file is only 198 rows for me. There is nothing similar to the code you sent an image of. Do you have any ideas?

LitCommerce
Astronaut
2860 684 749

Hi @sisaul,

Please create a new question on the community and send me the link. I will check it.

Because this will help build a better community.

Thank you.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
sisaul
Explorer
55 0 16