Can't delete space between image banner and featured products

[Rolita]

Hello,

I was trying to make my banner clickable without showing the buttons. Once I managed to do it successfully, I noticed that there's now a space between the banner and the featured products on mobile (on desktop it looks good). So I looked for the solution here and found a couple that I tried by editing code but nothing worked so far.

Help please! website: www.sunkisses.me

Thank you

[Sheesh_b]

Hi @Rolita 

I've identified the issue and got the solution for you.

Kindly paste the below CSS in bsae.css at bottom.

.banner--mobile-bottom .banner__content {
	display: none;
}

Thanks

Sheesh B

[Rolita]

Thank you. I tried this but didn't work either. Is the problem maybe from the banner itself?

[Sheesh_b]

Hi @Rolita 

You added the CSS but not correctly. There are extra closing brackets in CSS which affecting it to work.

I added the same CSS inline on frontend and it's working as you can see below.

Let me know if this helps you to fix the issue.

Thanks

Sheesh B

[Rolita]

Not sure what I am doing wrong. I deleted the extra brackets but still not working. Can you please check again. Thank you in advance.

[Sheesh_b]

Hi @Rolita 

Kindly add one closing bracket at red box as shown in the below image.

It'll fix the issue.

Thanks

Sheesh B

[Rolita]

I added the bracket as per the screen shot but the space is still there on the mobile 😞 Could it be something else?

[Sheesh_b · Accepted solution]

Hi @Rolita 
This is strange as the CSS is not reflecting on frontend.

You can paste the below code in theme.liquid just before </head>

<style>
.banner--mobile-bottom .banner__content {display: none;}
</style>

This will surely work.

Let me know if this helps you.

Thanks

Sheesh B

[Rolita]

YAY it worked!!!! Thank you soooooo much for the help!