Iframes not responsive

wolfsec

I have some problems with iframes of video streaming. I have worked on the dimension of the iframe, but the problem is that if I set a fix value for width/height the iframe is not responsive. If I set the value 100% the iframe become very small.
I have tested custom module and wrapper but the problems are the same.
Do you have some suggestions?

saguaros

wolfsec
Hi,

Kindly check the admin account again as it seems not work now. I will check for you.

wolfsec

it's ok now
please give a look to the page "home"
tks

aman204

wolfsec Try add this to css file :

@media only screen and (max-width: 600px) {.my-class{
width:300px;
}
}

and adjust width value accordingly

or if the suggested workaround doesnt go through, You can add your ftp details in edit fields so as to see closely for html and css tags adaptability

saguaros

wolfsec
You could define the width 100% for the iframe, I just added this custom CSS code in the custom code section of JA Builder:

.jub-block.webcam table, .jub-block.webcam table iframe {
    width: 100%;
}

and it's working fine now.

P/s: I added class 'webcam' in the spotlight block on homepage

Regards

wolfsec

Hi All,
I have tested your solutions and they are working fine!
Thank you!
Regards