Mobile view doesn’t adapt to rez of embedded book from archive.org

  • Resolved therabbitholewiki

    (@therabbitholewiki)


    4 years, 9 months ago

    Hi Nik, here’s an issue I thought relevant to bring to your attention,

    The mobile view doesn’t adapt to the resolution of an embedded book (in this case from archive.org)

    When landing in a post, the header is the right size (fitting in the screen) but the container is completely zoomed in, when zooming out to normal fit, the header is then zoomed out and small in the corner of the screen, the dynamic sidebar isn’t showing

    The provided link is to an article from my website so you can see for yourself on a smartphone

    Here’s the embed for the book

    <iframe src=”https://archive.org/embed/YatesFrancesTheOccultPhilosophyInTheElizabethanAgeRoutledge&#8221; width=”560″ height=”384″ frameborder=”0″ webkitallowfullscreen=”true” mozallowfullscreen=”true” allowfullscreen></iframe>

    Here is the archive.org url
    https://archive.org/details/YatesFrancesTheOccultPhilosophyInTheElizabethanAgeRoutledge/page/n5/mode/2up

    In the hope it is an improvement you are interested to make on the theme
    Thank you for your time, your theme is looking amazing on my website

    Best regards

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Nik Smalin

    (@nik-smalin)

    Hi!

    add this to your custom css

    iframe {
    max-width: 100%;
}

    It should help

    Good luck!

    Thread Starter therabbitholewiki

    (@therabbitholewiki)

    Great thanks!!

    I would like to raise another question on this same topic if it’s fine with you.

    The code you provided indeed adapts the ratio of the reader to the mobile screen which correct the previously mentionned issue,

    only the iframe is fitting the two pages of the embeded book in the narrow vertical 9/16 ratio of a mobile device, which make it impossible to read

    Is there a way to adjust the css so that the iframe is read one page at a time, taking the full plage of the screen and making them readable once again

    (The internet archive’s previous book reader used to allow to choose between a 1 page or 2 pages emdeded code, as decribed in this article https ://en.support.wordpress.com/embedding-ebooks/ , but not anymore. Possible to customize the new code based on the previous model?)

    If willing, thank you for looking into this, would mean a lot to me, this issue is kind of defeating to the purpose of the website i’m working on :/

    Have a great week end. Sam

    Theme Author Nik Smalin

    (@nik-smalin)

    Hi, Sam

    Basically iframe it’s a part of another site in your page, you can’t fully affect on it
    all settings are provided by developers of your book reading soft, probably you will find some answers in their documentation

    also in your case you can add to your custom css

    iframe {
	max-height: 100vw;
}

    so it will be little bit more handy for your visitors

    Thread Starter therabbitholewiki

    (@therabbitholewiki)

    Hi Nik,

    thanks for your reply , figured out how to tweek the embed code so to display in one page up instead of 2 side by side. Thanks again for your time!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile view doesn’t adapt to rez of embedded book from archive.org’ is closed to new replies.