How to make less of a gap between the image and header using CSS?

I added some CSS to make the column image 50px, however it created a big gap now between the image and header. Is there CSS I could add to remove this?

hello @VIB1

Would you like to share your store URL Please ( with password if password protected ) so I can provide you some precise solution for this one

Thank you and looking forward to hear from you.

Store URL is www.vancouverislandinabox.ca

Hi @VIB1

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Worked great by posting the following code into the custom CSS section:

.media.media--transparent.media--adapt {

    padding-bottom: 30% !important;

}

Thank you!