I have an Iframe in Adobe Muse that will not go full width of the browser.

[Stretchdj74]

Page can be seen here: http://vr360test201.businesscatalyst.com/index.html the iframe code is: <iframe width='100%' height='100%' src='https://roundme.com/embed/sEVyCoLkylPr4tsOvsDZ' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

The iframe box is set to 100% browser width. Any ideas where things are going wrong?

[ankushr40215001]

Hi Stretchdj74,

It would be much better if you set the <iframe> as "stretch to browser width" and adjust the height in code as per your requirement.

Please note that instead of 100% set the height as per the pixel ratio.

Hope this helps.

Thanks,

Ankush

[Stretchdj74]

Hi Ankush,

Thank you for your response. I have the iFrame set to "stretch to browser width" using the tab in the "resize" menu at the top of the work window.

I have just worked out that it seems to be reacting to the Muse Theme's '100% Height' widget so will email them.

I am trying to get a virtual tour to appear full screen on a web page, are there anyways you can think of to get the iframe to go full height of browser?

Many thanks,

Rich.

[ankushr40215001]

I am pretty sure the MuseThemes guys will be able to provide any solution.

However I only full screen background video widgets, I guess you can tweak a little and also use it as a main page widget.

I mean If you don't place any objects on top it shouldn't look like a background widget.

As you already have a MuseThemes subscription try this one - https://www.muse-themes.com/products/videos-fullscreen-backgrounds and let me know if this works for you?

Regards,

Ankush

[Stretchdj74]

Hi Ankush,

Thanks for your email and your suggestion.

I have downloaded the widget but it looks like it needs an actual video file. A virtual tour works of a URL so I don't think this will work.

Annoyingly the method I am using seemed to work a few months ago!

Thanks again,

Rich.

[Pavel_Homeriki]

When you put the code in a muse, it is always wrapped in Div. For this Div needs to write additional CSS code.

[Stretchdj74 · Accepted solution]

Thanks Pavel, that works great.

Many thanks,

Rich.