Product image disappears in mobile view

[Ricardo1709]

Hi Guys, 

In there is tab collapse with a black background. However I tried using Css code to change the background but only the section change but that specific colors stays black. Could someone shed some light on why that block is staying black and how I can change it too white to match the rest of the theme. 

I tried other alternatives such as deleting the tab all together but then my product image disappears in mobile view. 

Here is the preview link below

https://ftskom9bvfx8ml70-31681544325.shopifypreview.com

[made4Uo]

Hi @Ricardo1709 

Please follow the instructions below

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the theme-styles.css file
3. At very end of the code, add the code below

@media only screen and (max-width: 750px) {
.hidden.mt-6.w-1\/6.max-w-2xl.sm\:block.lg\:max-w-none {
    display: block
}
}

Result here:

[shreyhweb · Accepted solution]

@Ricardo1709 

Hello 

please add below code above </body> in theme.liquid

online store >> edit code >> theme.liquid

<style>
@media screen and (max-width: 767px) {
.slider-product-main div.hidden{
display:block!important;
}
.liv-tabs-faq .bg-black.my-tab-liv{
background: #dfb2bc91!important;
}
}
</style>

after added

if you discuss further information then you can contact us

Thankyou 🙂

[Ricardo1709]

Thank you so much, how can I make it white for both the mobile and desktop version?

[Ricardo1709]

Fixed already!

[shreyhweb]

You can change the background color code in the given code.