How to reduce the space between the Product Picture and Product Title (On Product Page & Mobile)

Solved
Highlighted

Hello zephwong,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.photos__item.photos__item--thumbs .slick-slide {
    height: 30%;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 0 3

Hi,

I would like to reduce this space between the main product picture and the heading. Its a  little too much. How can I fix this. This space is in all the main product page under the main picture. Any help will be appreciated. 

Thanksshopify correction.png

0 Likes
Highlighted

Hello Diya,
To reduce the space between the main product picture and the heading.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (min-width: 769px){
#shopify-section-collection-template .collection-hero {
    margin-bottom: 10px;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
10 0 3

Thank you. It worked like a charm. Appreciate your help.

0 Likes
Highlighted
New Member
1 0 0

Hi , i have the same issue with my debut theme when using mobile , i have to much space in betwen my product picture and text , i tried many way nothing worked , can anybody help please ? 

 

35C6256A-A8D7-4D43-B2B6-043A537976A5.jpeg

0 Likes