crystalelg

[crystalelg]

Hi there,

Just for your reference since I have resolved the issue. I found the code in the following file \kleo\assets\css\combined.css on line 6070 to 6079. This is from the original Kleo install without me having done anything to the code.

/* Equal height columns fix */
#main-container > .row {
/*overflow: hidden;*/
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}

Thank you!

[crystalelg]

Hi there,

I found the one line of styles that seemed to mess things up, it was:

#main-container > .row {
display: flex;
flex-wrap: nowrap;
}

It seems that the “display: flex;” was preventing the print issues in Firefox and Microsoft Edge. In the Print styles I was able to change that to “display: block;” which seemed to resolve the issue.

I’m not sure what other issues that you thought needed to be investigated–do you have any additional advice?

Crystal

[Author]

Posts