Space between Image Banner and Product Gallery (change for mobile only)

Store Design
1

Hey! Thanks to anyone in advance for the help!

My problem is that i want to reduce the space between the image and the gallery, only on mobile.

Mobile version has the gallery start after the image, while the desktop version cuts the bottom of the image.

How would I go about this?

MrBamboo_0-1730847384621.png
MrBamboo_0-1730847384621.png1828×795 121 KB

MrBamboo_1-1730847409599.png
MrBamboo_1-1730847409599.png476×774 116 KB

2

Hi @MrBamboo ,

Can you send me the page link to check further?

Thank you

3

Sure!

www.bamboomunch.com

Password: MrBamboo49

4

Hi @MrBamboo

You can follow the instruction here:

  1. Go to Shopify > Theme > Customize > open Custom CSS

  2. Copy and paste this code to the section > Save

@media screen and (max-width: 749px) {
.section-template--23842860335446__featured_collection_zxD99m-padding {
    padding-top: 0px;
    position: relative;
    z-index: 9999;
    top: -40px;
}

Here is the result :

LizHoang_0-1730848825071.png
LizHoang_0-1730848825071.png547×954 80.9 KB

1 Like
5

Thank you so much! U da best!

1 Like