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

Solved
Myellagroup
Excursionist
24 0 2

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)

Accepted Solutions
LitCommerce
Trailblazer
274 69 71

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 4 (4)
LitCommerce
Trailblazer
274 69 71

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
24 0 2

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
Trailblazer
274 69 71

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

Myellagroup
Excursionist
24 0 2