Reduce Space Between Product Image And Product Title On Mobile Debutify

Store Design
1

Hello, I want to reduce the space between my product image and product title on mobile specifically. I tried to do it myself and looked for the solution, but no luck. If anyone could help that would be much appreciated. I Just want to move the bottom of my product image closer to the product title on mobile.

I am using Debutify Theme and my URL is mysummerparty.com

2

hi @Liam771 ,

Can you please follow the step below:

You going to Online Store => Theme => Customize Code => Assets => Theme.scss.css
Then add the code at the bottom this file:

@media only screen and (max-width: 767px){

.product-single__meta–wrapper{

margin-top: 5px;

}

}

1 Like
3

I do not have Theme.scss.css, I have them.scss.liquid. I added it to the liquid file and it worked! Thanks you so much is there any way you could help make the product font bigger on mobile as well.

4

hi @Liam771 ,

You can please add the short code this to the same file you added:

@media only screen and (max-width: 767px){
.product-single__title {
 font-size: 35px !important;
}
}
1 Like