Hi there,

I am having issue with thanks.asp displaying correctly under mobile view (under display resolution 400 responsive width) where the item 'Total' column is sticking to the right outside of the screen so site visitor would have to scroll to the right to see the rest of the Total column. The page is displaying correctly for display resolution of 460 width or more, Please advise how i can fix this.

Thanks,
Amy

Hi Amy
How about posting a screen shot which may help to see what is forcing the content width.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hi Vince,

Pls see screenshot of content displaying correctly for display resolution of 460 width or more:

[img]https://hosting.photobucket.com/images/l358/falseeyelashes/responsive-show-up-correctly500-width.jpg[/img]

and here is a screenshot of content displaying not correctly for display resolution of 400 width or less showing the content extending over the screen:

[img]https://hosting.photobucket.com/images/l358/falseeyelashes/responsive-NOT-showing-up-correctly390-width.jpg[/img]

Maybe can use CSS to remove the unit price column for responsive view of 400 width or less?

Let me know if you can find anything.

Thanks,
Amy

Hi Amy
I think I see what this is. If you look in ectcart.css near line 349 you will see something like this...

div.receiptheadrow > div,div.downloadheadrow > div,div.receiptlistrow > div,div.downloadlistrow > div,div.imageuploadrow > div{
display:table-cell;
white-space:nowrap;
vertical-align:middle;
padding:3px;
}

Just remove the "white-space:nowrap" from that and it should sort it out. This is a change that is already in the updater so you won't have to make it again in the future.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Removing the "white-space:nowrap" worked :) Thank you.