Chrome Print Preview Oddity

Looking at this page and clicking the ‘Print’ option, I’m seeing the product title get cut off. In Firefox, all seems ‘normal’. I tried using Chrome’s Developer Tools to figure out why on the ‘print.css’ file that I cannot force the margin to the left, to no avail.

Does anyone have a suggestion?

I think its because you have set container to padding:0 but bootstraps rows have negative margins and they drag the content out of the viewport.

You should not mess with the bootstrap styles as container should have 15px left and right padding to offset the negative margins of the row.

Make sure the print stylesheet has the correct padding on .container and re-test.

Thank you, PaulOB. The project was dumped on my lap to figure things out.

I appreciate the second pair of eyes.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.