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

Received Response
edited Aug 8, 2021 9:37PM in Visual Builder 10 comments


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.


Howdy, Stranger!

Log In

To view full details, sign in.


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