The product name of certain products are being cut off on desktop

Solved
Highlighted
New Member
1 0 1

Hello, 

 

My shopify store has had this issue for a while with particular product names & the top of photos being cut off, here is one of them:

https://www.daintyhooligan.com/products/see-brighter-days-embroider-crop-top-in-white?_pos=1&_sid=f6...

 

The same products load perfect on mobile, it seems the issue is only on desktop. How can I fix this? 

1 Like
Highlighted
Shopify Partner
4856 716 1544

This is an accepted solution.

Hello, @Daintyhooligan 

Thakns for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.css->paste below code at the bottom of the file.

.product div.content.container {
    padding: 200px 0px 0px 0px;
}
@media only screen and (max-width: 767px) {
.product div.content.container, div.content {
    padding-top: 5px;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like