I used the following code to present multi-page PDFs.
<div class="container" style="padding-bottom:20px;">
<div class='embed-responsive' style='padding-bottom:123%'>
<!-- insert in the document body -->
<object data='http://eit-us.com/assets/pdf/Mist_Elimination-General_Info_TB-400.pdf'
type='application/pdf'
width='100%'
height='100%'>
<p>This browser does not support inline PDFs. Please download the PDF to view it: <a href="http://eit-us.com/assets/pdf/Mist_Elimination-General_Info_TB-400.pdf">Download PDF</a></p>
</object>
</div>
</div>
It works as intended on all devices and browsers except on IOS devices it displays only the 1st page of the PDFs.
Is there a simple fix or do I should I add a separate "viewer" like ViewerJS?
Thanks in advance, JohnS