Our html files doesn't play with the responsive design

Hi
One of our journals publish their articles as html files, but unfortunately they don’t play with the responsive design. That means that if you read them on a smartphone they don’t adjust to the resolution of the screen.
You can see the articles here: Social Interaction. Video-Based Studies of Human Sociality
Can you tell what’s wrong?
Regards
Niels Erik

The html galley plugin uses iframes: https://github.com/pkp/ojs/blob/master/plugins/generic/htmlArticleGalley/templates/display.tpl#L31

I do not have the opportunity to test right now, but you can find solutions for making iframe content responsive with some googling:
https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/

Please make a pull request if you find a working solution :slight_smile:

Sorry, but I’m not able to make anything out of it.
Best regards
Niels Erik

The problem seems to be the html document itself. It has CSS that makes it nonresponsive.

See https://tidsskrift.dk/socialinteraction/article/download/105496/154291?inline=1

If your remove display: grid from line 389, it seems to work.

Great, it was that line.
Thank you very much ajnyga, you have been such a great help

1 Like