You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

How to correct viewport of VBCS embedded in an iframe

edited Aug 8, 2021 9:37PM in Visual Builder 11 comments

Content

Hi All,

Seeking your expert assistance. Anyone has an idea how I can achieve this requirement? 

We have a VBCS widget embedded in client’s website. Client requires that the elements adjust based on the viewport of the parent site. However, the VBCS in the iframe behaves differently. Please see the attached image of the VBCS’s viewport as the parent site is adjusted below. The behavior is that at parent width sizes 576, 1024, and 1280 the VBCS width somehow reverts back to a lower value.

I use @media and min-width in the VBCS css file to dynamically adjust the elements.

Tagged:

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!