White Space between product title and image mobile

Store Design
1

Hi,

on My product page on mobile the product title disappears behind the image. How can I add white space and increase the font size on mobile only? I’m using the Brooklyn theme

A7CF9D33-E446-4CA4-9100-25C69883B599.png
A7CF9D33-E446-4CA4-9100-25C69883B599.png1170×2532 182 KB

2 Likes
2

Hello There,

Please share your store password.
So that I will check and let you know the exact solution here.

3

@Ellen13

.rio-media-gallery {
    margin-top: 20px !important;
}

Add this code in the bottom of the timber.scss file.

4

This worked!! Thank u so much!

How can i increase the font of product titles on mobile only?

2 Likes
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (min-width: 750px){
.product-single__title {
font-size: 25px;
}
}
6

Hi, this changed the size of my title on desktop..

1 Like
7 
@media only screen and (min-width: 600px){
.product-single__title {
font-size: 25px !important;
}
}

@Ellen13 try this code

8

Again only on desktop :s

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

Thank you so much!

1 Like
11

@Ellen13
Kindly like our Solution if helpful.

12

@Ellen13

Please add the following CSS code in your assets/productwiz-rio.css bottom of the file.

@media screen and (max-width: 591px){
.pwzrswiper-container {margin-top: 2em;}
}

Please add the following CSS code in your assets/timber.scss.liquid bottom of the file.

@media screen and (max-width: 591px){
.product-single__title {font-size: 2.875em;}
}

Thanks!

13

Some here with same problem!

Problem finish!