Web Page Responsiveness as a Web Object

Nov 17, 2022

Hi all! I have a responsive web page that I've embedded into a Storyline 360 course as a web object. Unfortunately, the web page loses it's responsiveness as a web object making it a particularly poor experience on mobile.

Has anyone found a solution or workaround to keep web page responsiveness when embedding as a web object?

6 Replies
Jürgen Schoenemeyer

add this small javascript on the slide with your web object

if( window.cssPatchWebObject !== "done") {
style = document.createElement('style');
style.textContent = `
.webobject {
width: 100% !important;
height: 100% !important;
transform: none !important;

window.cssPatchWebObject = "done";

but you cannot change the fixed aspect ratio of the slides




Luciana Piazza

Glad that Jürgen was able to help you, Jack! Thanks so much, Jürgen! 👏

I just wanted to add a quick note: it looks like your signature came through when you replied via email. You can remove it by clicking ‘Edit’ below your response. Here’s a quick Peek 360 video if you need help.

Have a great day!