Can't delete space between image banner and featured products

Shopify Discussion
1

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

2

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

3

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

4

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.

Sheesh_b_0-1708275265418.png
Sheesh_b_0-1708275265418.png1784×848 277 KB

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

Thanks

Sheesh B

5

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.

6

Hi @Rolita

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

Sheesh_b_0-1708367246835.png
Sheesh_b_0-1708367246835.png1008×233 9.31 KB

It’ll fix the issue.

Thanks

Sheesh B

7

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

8

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

You can paste the below code in theme.liquid just before

This will surely work.

Let me know if this helps you.

Thanks

Sheesh B

9

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