enter image description hereWhen taken a print order from My account ->My orders-> View Order-> Print Order, getting a broken layout on Fire fox web browser, But there is no issue on Chrome browser. How to fix this issue in Fire fox.

enter image description here

enter image description here

  • If you download the pdf, is it still broken? If it is, you should inspect what values does the browser pass to backend and how they affect pdf generation. In general PDF is 100% generated in the backend and should not depend on which browser you use Mar 28, 2017 at 8:50
  • Alternatively you could fix it by modifying sales_order_pring.xml in Magento_Sales (in your custom template). What worked for me was moving .order-details-items.ordered and .block.block-order-details-view from wrapper divs directly under the <body> tag.
    – Alan
    Jun 5, 2018 at 9:42

1 Answer 1


It is happening because firefox is printing headers and footers along with the page content.To resolve this ,it seems you are using ubuntu so try following.

If you want to remove the header or footer permanently (there's no user interface like in Page Setup on Windows to easily change either) in Firefox on Linux, you can clear the various preferences Values to get rid of both them.

Type `about:config` in the URL bar and hit Enter. If you see the warning, you can confirm that you want to access that page. `Filter = header` Right-click each of those prefs and select Modify, then backspace or use Delete to wipe the characters - then click OK. Repeat the same for footer.

If your clients are using windows ask them to follow this tutorial - https://www.howtogeek.com/howto/the-geek-blog/prevent-firefox-or-internet-explorer-from-printing-the-url-on-every-page/

  • Thanks for the reply... i'm using ubuntu and followed the above steps. The header and footer removed. But still the contents are loading in the 2nd page. Updated the current situation screenshot to the main question.
    – Rita Jose
    Mar 28, 2017 at 8:33
  • can you post the screenshot of view order page ? Mar 28, 2017 at 10:00
  • Screenshot updated
    – Rita Jose
    Mar 28, 2017 at 10:27
  • Removed Header and Footer. The Order Information is still broken. Shipping and Billing information is displayed one below other. Also I cant find option to remove header and footer in chrome.
    – Sejal Shah
    Jul 25, 2017 at 9:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.