How to remove the white space under slideshow on the dawn mobile theme?

Solved

How to remove the white space under slideshow on the dawn mobile theme?

Prijay
Excursionist
42 0 7

Im having trouble removing the space under slideshow for mobile view. I have tried resizing image and nothing is helping.

Accepted Solution (1)
Beae_Cass
Shopify Partner
436 167 179

This is an accepted solution.

Hi @Prijay ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

Beae_Anthony_0-1692221515245.png

<style>
@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content{
    display: none;
}
}
</style>

Beae_Anthony_0-1693337331152.png

 

Best regards,

Anthony

 

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template

View solution in original post

Replies 7 (7)

Beae_Cass
Shopify Partner
436 167 179

Hi @Prijay ,

Could you please share your store URL, so that I can help you

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Prijay
Excursionist
42 0 7
Beae_Cass
Shopify Partner
436 167 179

Could you please provide password too? Thank you

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Prijay
Excursionist
42 0 7

Bianca23@

Beae_Cass
Shopify Partner
436 167 179

This is an accepted solution.

Hi @Prijay ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

Beae_Anthony_0-1692221515245.png

<style>
@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content{
    display: none;
}
}
</style>

Beae_Anthony_0-1693337331152.png

 

Best regards,

Anthony

 

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Prijay
Excursionist
42 0 7

thank you so much! it appear to be working!!

 

brikmarket
Visitor
1 0 0

Hi, this worked for me too but it got ride of my button that was on the slideshow when i went into mobile mode. How can i get the button to appear in mobile mode too?