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

New Member
1 0 1



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:


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

1 Like
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 regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like