texts on product page tabs are being cut off on mobile version

Solved
Highlighted
Tourist
7 0 1

Hi,

 

I followed the guide on shopify to add tabs to my product page (Venture Theme), and they look fine on the regular screen but the content in the tabs is getting cut off on mobile version. 

here is the link.

Any idea how to fix this?  Thanks! 

1 Like
Shopify Partner
451 76 81
Where is the link?
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Tourist
7 0 1
Shopify Partner
451 76 81

 

You are talking about those 3 tabs ?

 

photo_2019-04-24_22-40-30.jpg

 

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Tourist
7 0 1

Yes,these are the tabs. all text is cut from left side in mobile version

 

mobile version.PNG

0 Likes

Success.

Shopify Partner
451 76 81

The problem is in class of one of the elements, it should be grid__item, instead of grid-item.

fGqs33K

 

I have highlighted it in screenshot above.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Tourist
7 0 1

Thanks alot. It solved the problem. 

0 Likes
Shopify Partner
451 76 81

You're mostly welcome.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Tourist
4 0 0

me karachi me rahata ho or ek dropshipping store ka owner ho muji stating me bht se problem face krna pare or kuch ab bh kr rha ho to me sharo sa he shaota tha ka ek business group hona chaheya dropshipping ka to ishe lia mene ap ko contact kia hy. ya mera no. hy 03114607424 agr ap interested hy to whatsapp pr contact kra

 

thanks for your time

Hussain

0 Likes