I customized my image banner in code to be behind the header menu and now I have this huge white space under the image banner that I have not been able to figure out how to get rid of it. The padding is set at 0 already and I believe it is my coding that needs to be updated in order to remove the extra white space between the Featured Collection section on the home page. Image attached. I’ve also noticed that my website’s speed score has since dropped from 60 to 38, so it is much slower now! Please help!
Website is allsznclub.com.
Hi @allsznclub ,
Maybe you adjust the width of some div on tha banner? that is why its showing some white space. Would you mind to share your URL website? with password if its protected. Thanks!
Here is my shop’s url: cc6eff.myshopify.com. It is not password protected. I have seen the recommendation to adjust the dimensions of the banner, but I must not be entering the code into the right section. Please advise further if you can. Thanks.
Hi @allsznclub ,
Try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
section#shopify-section-template--19522140045620__5d28af28-4683-47df-adbb-2abcfccdf1a3 {
height: 12%;
}
Result:
I hope it help.
It worked! Thank you so much!
I recently noticed that there is now a large space between the footer and the last section of the website that wasn’t there before. Can anyone offer assistance for this issue? Picture attached. Thank you!
So I did solve the issue previously mentioned, but now I do see a large empty space right above the footer (see picture) that was not previously an issue. Can you help with removing this? Thanks!
it hasnt worked for me, could you help me too please?
