Why does my product image disappear in mobile view?

Store Design
1

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

2

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:

made4Uo_0-1686340411349.png
made4Uo_0-1686340411349.png719×904 209 KB

3

@Ricardo1709

Hello

please add below code above in theme.liquid

online store >> edit code >> theme.liquid

@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; } }

after added

shreyhweb_0-1686341020812.png
shreyhweb_0-1686341020812.png569×932 195 KB

shreyhweb_1-1686341044121.png
shreyhweb_1-1686341044121.png569×932 61.8 KB

if you discuss further information then you can contact us

Thankyou :slightly_smiling_face:

4

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

5

Fixed already!

6

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