Solved

How to remove space between slideshow and its button on ( Dawn theme Dawn 6.0.2)

lucasgbona
Tourist
10 0 1

Hey there,

 

I have customised the height of the slideshow and on mobile responsive the slideshow has a big space at the bottom of it, making a good room between it and its button.

 

Would anyone be able to help me to remove that space on mobile responsive please?

 

I added a screenshot of it for further details.

 

517323a1-90ce-42ea-a748-19204a5681ca.jpeg

Thank you.

 

Regards,

Accepted Solutions (2)
Liqiud_xPert_SJ
Shopify Partner
991 118 153

This is an accepted solution.

@lucasgbona  please add below code into your theme files instructions below.

Theme Files > edit code > assets > base.css

 

 

@media only screen and (max-width: 767px) {
#shopify-section-template--16165483151583__slideshow_EYabjn .banner--adapt_image {
	height: auto !important;
}
}

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Liqiud_xPert_SJ
Shopify Partner
991 118 153

This is an accepted solution.

@media only screen and (max-width: 767px) {
.slideshow__text-wrapper.banner__content.banner__content--middle-center.page-width.banner--desktop-transparent {

    display: none;

}
}

 

please add this code too.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 11 (11)

Liqiud_xPert_SJ
Shopify Partner
991 118 153

@lucasgbona

please share the store url so that i can provide you the solution code.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
lucasgbona
Tourist
10 0 1

Hey, 

Thank you for being in touch. 
https://statuecorp.com/

Liqiud_xPert_SJ
Shopify Partner
991 118 153

This is an accepted solution.

@lucasgbona  please add below code into your theme files instructions below.

Theme Files > edit code > assets > base.css

 

 

@media only screen and (max-width: 767px) {
#shopify-section-template--16165483151583__slideshow_EYabjn .banner--adapt_image {
	height: auto !important;
}
}

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
lucasgbona
Tourist
10 0 1

Hi, 

I got half of the space gone but there's still a space as high as the banner. 

Could it be fixed, too?

 

https://statuecorp.com/

 

Thank you 

Liqiud_xPert_SJ
Shopify Partner
991 118 153

This is an accepted solution.

@media only screen and (max-width: 767px) {
.slideshow__text-wrapper.banner__content.banner__content--middle-center.page-width.banner--desktop-transparent {

    display: none;

}
}

 

please add this code too.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
lucasgbona
Tourist
10 0 1

The space has been removed.

 

Thank you very much.

Liqiud_xPert_SJ
Shopify Partner
991 118 153

Please don't  feel hesitate to reach out me if you have any issues.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

techlyser_web
Shopify Partner
1689 309 326

Hello @lucasgbona 
Can you please share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Darshanp712
Shopify Partner
129 19 14

Hello, Please share the live store URL or Preview link to see this issue.

 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.

PageFly-Henry
Shopify Partner
1170 332 281

Hi  @lucasgbona 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

div#Slider-template--16165483151583__slideshow_EYabjn {

    height: fit-content !important;

}

.slideshow__text-wrapper.banner__content.banner__content--middle-center.page-width.banner--desktop-transparent {

    display: none;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Henry
Shopify Partner
1170 332 281

In addition, I noticed that this section on the home page is wider than other sections. I think you should align the sections together.

PageFlyHenry_0-1717148324236.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.