Moving whitespace between sections on Mobile (Alchemy Theme)

Store Design
, ,
1

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

ArronJW_0-1696364598202.png
ArronJW_0-1696364598202.png525Ă—651 36.1 KB

1 Like
2

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;
}
1 Like
3

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?

4

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 tag

David_SHT_0-1696384854316.png
David_SHT_0-1696384854316.png830Ă—1652 309 KB

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

David | SalesHunterThemes team

1 Like
5

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!

6

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.