Quiz too large

Submitted by JakeWellian on Sat, 09/11/2021 - 17:25

Forums:

Hello I have created a quiz using question sets. On a phone, tablet or monitor, the quiz sizes itself perfectly. But on a laptop size screen, the quiz is 20% too large.

As you can see in the image below, you cannot see the "Check" and "Next question" button.

How can I resize the quiz so that it displays correctly with all devices?

Thank you

Attachments:

Capture d’écran 2021-09-11 172637.jpg

BV52

Mon, 09/13/2021 - 19:44

Permalink

Hi Jake,All H5P contents are

Hi Jake,

All H5P contents are designed to be responsive and should automatically adjust to the screen/window size. Do you have any custom CSS or if you are embedding the content did you change the embed code? A sample URL may also help in determining what may be causing the issue,

-BV

JakeWellian

Tue, 09/14/2021 - 21:50

Permalink

Hello BV,Yes I am aware the

Hello BV,

Yes I am aware the content should automatically adjust. As I previously specified, it adjustes perfectly except on a laptop screen. Maybe there is an issue with the automatically adjusting code?

I am not using custom CSS. Just the shotcode given by H5P. In the past, I tried modifying the embedded code, but that didn't help.

Here is the url https://swayingtree.org/ The quiz is at the end of the homepage.

Its a pity that I cannot easily resize the quiz. Of course laptop users can just zoom out to see the full quiz - but its an extra step.

Also I enabled FullScreen option - but as you will notice that option isn't visible.

I am pretty sure I'm not the first person to have this issue.

Any advice you can give would be much appreciated.

Jake

BV52

Wed, 09/15/2021 - 19:23

Permalink

Hi Jake,I can see the content

Hi Jake,

I can see the content just fine (screenshot attached), so I have no idea what may be causing the issue on your end. If anyone else in the community have any idea/suggestion feel free to post your comments.

-BV

Attachments:

1.png

JakeWellian

Thu, 09/16/2021 - 21:55

Permalink