Product tabs not showing on mobile

Solved
New Member
2 0 0

I'm having an issue with the product tabs. Everything is working just fine on desktop, but when I load the product page on my mobile phone, the entire tabs section is just blank. It still takes up space, but it's just blank, as if visibility: hidden; was added to it. No idea what to do, and I can't analyze it on my phone. The console looks clean.

 
0 Likes

Success.

Shopify Partner
433 83 93

Hello 

There is opacity issue in mobile devices, add this in theme.scss.css

@media (max-width: 768px){  
.product-single__inview {
    opacity: 1 !important;
}
}

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
New Member
2 0 0

No way! It wouldn't even cross my mind that for some reason the opacity would be at 0 on mobile. So simple!

Thank you so much!

 

p.s. I removed the website link from the original post for privacy.

0 Likes