How to remove white space on products (mobile) - Dawn theme

[vic186]

Hi, there is large white space that I need remove under the slide show, on mobile view. Can anyone help? 

[Guleria · Accepted solution]

Hello @vic186 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.slideshow__text.banner__box.content-container:empty {
    display: none;
}

Thanks

[Tech_Coding · Accepted solution]

Hello @vic186 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    #Slide-template--23587360473252__slideshow_4bk8n4-1 .slideshow__text.banner__box.slideshow__text-mobile--center {
       display: none !important;
    }
 }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Guleria · Accepted solution]

Hello @vic186 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.slideshow__text.banner__box.content-container:empty {
    display: none;
}

Thanks

[Tech_Coding · Accepted solution]

Hello @vic186 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    #Slide-template--23587360473252__slideshow_4bk8n4-1 .slideshow__text.banner__box.slideshow__text-mobile--center {
       display: none !important;
    }
 }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BSSCommerce-B2B · Accepted solution]

@vic186, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
@media screen and (max-width: 768px) {
#Slide-template--23587360473252__slideshow_4bk8n4-1 .slideshow__text.banner__box {
   padding: 0!important;
}
}
</style>

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊