Shopify Order Printer - preview overlap (bug? media screen problem?)

Solved
Highlighted
Excursionist
31 2 5

Hi,

I got a problem with the Order Printer box preview - my invoice is overlaping Shopify layout and the html style is also changing the Shopify buttons and text around the container.

When I hit the print button everything is OK.

Is this a media screen problem? 

Can somebody help me?

Thank you

0 Likes
Highlighted
Excursionist
31 2 5

This is an accepted solution.

Just in case someone in the future have the same problem, this can be solved with a media screen style (In my case the overlap is caused by my fixed header and footer), like this one.

 

 

 

  @media screen {
    .page-header, .page-footer {
    max-width:550px;
    }
  }

 

 

 

  

0 Likes