Iframe Trough ED Posted In ES Stream Are Too Big
By Yann Anderson on Monday, 20 January 2020
Posted in Technical Issues
Likes 0
Views 625
Votes 0
Hello,

As you can see with attached picture, and if you go to this url https://www.yannanderson.com/en/friends you can see a video on the stream posted in ED (and ES ED app repost-it in ES stream) but size is too big.

How can I correct it properly ? If I insert in my css file something like:

.iframe {max-width:100%!important} the height will stay the same... and I need to insert something like:

#es .iframe ? No? What is the correct code please ?

Thanks for helping guys !
If you check my attached pictures, that will maybee help you to see the problem

Okay, you can't test it on this way, unless you test it without that custom css code.

Mean when you change your browser to mobile responsive mode, you have to refresh the page first so it will render it accordingly base on the current CSS code.

By the way, I already remove your CSS code from this file JoomlaFolder/templates/official/css/20200120.css and re-activate your JCH optimise plugin again, let it re-cache all the existing CSS latest code.

You can check my attached screenshot below, this is what I tested on my Android mobile, it did show correctly without any extra custom css code.

You can test it on your mobile phone as well.
Arlex Wong
·
Wednesday, 22 January 2020 11:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Yann,

When I am logged in, I don't see that post. Can you provide the direct link to the stream item?
Mark
·
Monday, 20 January 2020 20:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

follow https://www.yannanderson.com/en/friends

then, it's the second item from the top, YOU JUST NEEED TO CLICK THE "MORE" LINK
Yann Anderson
·
Monday, 20 January 2020 21:40
·
0 Likes
·
0 Votes
·
0 Comments
·
If you want to see the original post from ED, click the "view post" link
Yann Anderson
·
Monday, 20 January 2020 21:42
·
0 Likes
·
0 Votes
·
0 Comments
·
I am logged in as the user internet@yannanderson.com and "My Friends" definitely is not the same as yours, https://take.ms/OrnPq

This is most likely because you are logged in as a different user and your friends are not the same. I need the link, https://take.ms/5K4xh or you can provide us with the login that you are using
Mark
·
Monday, 20 January 2020 21:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark, that's true, please select THE SECOND POST FROM THE TOP, and click the "view more" button. See the item in attached pic
Yann Anderson
·
Monday, 20 January 2020 22:24
·
0 Likes
·
0 Votes
·
0 Comments
·
The item that contain the french text "du reste, je me souviens, il y a 5 ans........ "
Yann Anderson
·
Monday, 20 January 2020 22:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah, okay I see it now. My bad! Did not see the "More" link

You can apply the fix by applying the css codes below:



body .es-stream-apps__desc .ed-video iframe {

	max-width: 100%;

}
Mark
·
Monday, 20 January 2020 22:27
·
0 Likes
·
0 Votes
·
0 Comments
·
@Mark,

This issue is happening both in EasySocial stream stream AND EasyDiscuss page

Will you provide a fix for the 2 components here... and in include this in the next ED/ES update?
Supporter
·
Monday, 20 January 2020 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
This is only happening to EasyDiscuss stream items and it will be fixed within the EasyDiscuss app.
Mark
·
Monday, 20 January 2020 22:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Ahh, maybe it is because I resized the browser in ED page.. see screenshot
Supporter
·
Monday, 20 January 2020 22:58
·
0 Likes
·
0 Votes
·
0 Comments
·
I think you are referring to a different issue altogether than what Yann is posting. This is about the activity stream that doesn't have a max-width on iframe objects.
Mark
·
Tuesday, 21 January 2020 00:21
·
0 Likes
·
0 Votes
·
0 Comments
·
I had the same probleme in ED, I think what "Supporter" say is true! In my case, for ED, I solved the probleme like this: 





body .ed-video iframe {

    max-width: 100%;

}
Yann Anderson
·
Tuesday, 21 January 2020 01:07
·
0 Likes
·
0 Votes
·
0 Comments
·
I had the same probleme in ED, I think what "Supporter" say is true! In my case, for ED, I solved the probleme like this: 





body .ed-video iframe {

    max-width: 100%;

}


It seems like I can't reproduce this issue in my locally, if you would want us to check this, perhaps you can temporary remove that CSS so we can better have a look.
Arlex Wong
·
Tuesday, 21 January 2020 11:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Supporter,

Perhaps you can start a new thread on our forum so we can check this issue directly on your site.

Remember provide us that discussion link as well.
Arlex Wong
·
Tuesday, 21 January 2020 11:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

If you check my attached pictures, that will maybee help you to see the problem
Yann Anderson
·
Wednesday, 22 January 2020 02:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah yes Arlex, I'm stupid, if I refresh the page, the result is not the same, I forgot that Sorry !

So, this ticket can now be closed and I thant you for your precious help !

Have a wonderfull day !

Regards
Yann Anderson
·
Wednesday, 22 January 2020 18:05
·
0 Likes
·
0 Votes
·
0 Comments
·
No problem Yann, Glad to hear that your issue has been resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Arlex Wong
·
Wednesday, 22 January 2020 18:17
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post