Item Description Background Color Changes On Phone

Developers Frontend
1

Can't figure this one out or how to fix it but at least I know the cause. For some reason on my phone (or even if within a desktop browser if you shrink to under 480px) the product description changes the background color (for just the description) to a very light gray (almost white). This is a major issue for me since my site is a predominantly black background so all my fonts are set to be a light gray. If a customer is on their phone they can barely (not really) read the item description. That area has a black background on anything above the 480px range.

Anyone know what is causing this or how to fix it? Everything else seems to function normally.

2

With so many shoppers purchasing via their phone these days this is STILL causing issues. Customer gets their order and are not happy because they couldn't read the product description and were expecting something different. Don't understand why the description area background decides to change colors due to monitor size. Just doesn't make sense.

3

Please PM me URL of your website

4

Try using your site on http://quirktools.com/screenfly/You can use different "devices" to view your site. Then if you have Firebug, you can easily identify the style you need to change. Pretty handy tool. It isn't perfect, but it should help.

Thanks,

Brandon

5

Try using your site on http://quirktools.com/screenfly/You can use different "devices" to view your site. Then if you have Firebug, you can easily identify the style you need to change. Pretty handy tool. It isn't perfect, but it should help.

Thanks,

Brandon

Good tip Brandon. But even this one I was able to use Firebug because the problem happened when I reduced my browser screen. Simply couldn't figure it out. EcomLabs helped me out by having a new rule for CSS:

.ty-accordion .ui-widget-content {
    background: transparent;
}

That fixed it.