Quantity Discount Table Layout for Responsive (1.5.6b)

[margecc]

I am trying to get my quantity discount table to appear in a single column when its on a mobile. I am using the Responsive Classic Template. I have done it no problem in the past, but just can't wrap my head around it this time. I know it's just a CSS thing. Any help is appreciated.

Site: https://1.5.6a-trial.af-company.com/...roducts_id=181

[swguy]

Looks good to me. What's the issue? (I viewed your site in Chrome and used the Inspector to simulate an iPhone X.)

[margecc]

I probably worded myself terribly. It's in a row in responsive and it doesn't really work.

This is the current site: https://af-company.com/index.php?mai...products_id=45

[mc12345678]

Looks fine (as desired) on my blackberry, would attach a picture, but I have to clear out some of my ZC photos to do that.

Each "block" is on its own row with them all stacked atop one another.

[dbltoe]

In a way it's one under the other BUT, there is no Qty, Unit, Price, beside for clarity. You will need to reset the table to divs for the responsive side in portrait. Works fine in landscape.

[margecc]

Well that was easy and I feel silly. Thanks guys for the quick responses! For anyone else looking to make the quantity discounts table in a column instead of a row for responsive... I just added this line to the responsive_mobile.css under the section:

/* ALL MOBILE PHONES - ORIENTATIONORTRAIT */@media only screen and (orientationortrait) {

#productQuantityDiscounts table tr td{display:block;}