Moving whitespace between sections on Mobile (Alchemy Theme)

[ArronJW]

Hi,

Anyway to reduce the padding and margin of this slideshow? The slideshow with text has a lot of unnecessary white space between the sections and most of it is because of the top of the slideshow is so large.   Is there anyway to remove this spacing?  It looks especially terrible on a mobile device.   Found at  https://www.rescuetreats.dog/pages/our-partners-who-support-dog-rescues

[Made4uo-Ribe]

Hi @ArronJW 

Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.image-with-text-section.overlap-candidate-container.homepage-padded-row.section-id-slideshow-with-text.cc-animate-init.-in.cc-animate-complete {
    padding-top:  0px !important;
}

• And Save. 
• Result:
• 

[ArronJW]

Hi, 

This moves the image up but not the text.  Also, this did not work on the mobile.  Anyway to get the slideshow text pushed up as well? 

[Made4uo-Ribe]

Yes, that will be normally push up cause we get the space from there. The padding/space are from the image, not for the text up. If you need the code for mobile as well let me know. 

[David_SHT · Accepted solution]

Hi @ArronJW 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Layout folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
  .image-with-text-section.section-id-slideshow-with-text,
.image-with-text-section .image-with-text-section__content .content {
    padding: 0 !important;
  }
}
</style>

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[ArronJW]

Thanks a ton David, do you know how to get rid of the white space on the desktop site?  Now that the mobile is fixed the desktop has a lot of white space between sections on that page.  I would greatly appreciate it!