How to correct viewport of VBCS embedded in an iframe
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.