White space between title and slideshow mobile

Store Design
1

Hi,

On my homepage i have a title above my slideshow and it looks perfect on desktop, but on mobile there is a lot of whitspace below the title. Can someone help me? I’m using brooklyn Theme

Screenshot 2022-02-28 at 08.27.48.png
Screenshot 2022-02-28 at 08.27.48.png2224×1948 794 KB

IMG_3765.PNG
IMG_3765.PNG1170×2532 361 KB

1 Like
2

Hello There,

Please share your store password.
So that I will check and let you know the exact solution here.

3

@Ellen13 ,

share the URL please

4

https://www.rosieantwerp.com/

1 Like
5

Password: shopify123

1 Like
6

@Ellen13 ,

.custom__item.one-whole.align--center {
    margin-bottom: 0;
}
.wrapper {
    padding-bottom: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like
7

Thank you so much!

8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
div#shopify-section-164602528138f5a0d6 .wrapper {
padding-bottom: 0;
}

div#shopify-section-164602528138f5a0d6 .wrapper .custom__item,
#shopify-section-164602528138f5a0d6 .custom__item-inner .rte,
#shopify-section-164602528138f5a0d6 .custom__item-inner .rte>div {
margin-bottom: 0;
}
}
1 Like
9

This worked perfectly as well! Thank you

10

Hi @Ellen13 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media screen and (max-width: 749px){
 #shopify-section-164602528138f5a0d6 .wrapper .custom__item,
 #shopify-section-164602528138f5a0d6 .custom__item-inner .rte,
 #shopify-section-164602528138f5a0d6 .custom__item-inner .rte>div {
   margin-bottom: 0;
 }
 #shopify-section-164602528138f5a0d6 .wrapper {
   padding-bottom: 0;
 }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.