Page 1 of 2

Twitter embedded does not appear.

Posted: Wed Feb 03, 2016 10:22 pm
by susi917
Thank you for providing a wonderful theme. There was one problem. After inserting the Twitter of embedded tags in the article post of twitter card it does not appear. Will be displayed if the post on other themes in the same environment.
Please tell me how to resolve :roll:

Re: Twitter embedded does not appear.

Posted: Thu Feb 04, 2016 3:54 pm
by admin
Hi susi917 and thanks for your valuable feedback :) But you still didn't tell me which theme were you using?
If it's RedWaves lite, well, I've a test and found that the Tweet is displaying correctly on single posts. Here is a screenshot:
Image

You don't need to use any plugins to Embed the tweet, just paste its URL in the post editor ( when Visual is selected ) and the tweet will automatically embed in both the editor and article's page (this feature is called OEmbed and it's provided by WordPress, not our theme. ).

But the tweet will not embed on the Homepage because our theme doesn't support such feature.

Please provide more info and tell me which theme are you using.

Re: Twitter embedded does not appear.

Posted: Thu Feb 04, 2016 9:33 pm
by susi917
Sorry..I'm using 'Realistic' :?
As shown in the picture.elements in and post iframe will be empty.

Image

Re: Twitter embedded does not appear.

Posted: Thu Feb 04, 2016 11:15 pm
by susi917
susi917 wrote:Sorry..I'm using 'Realistic' :?
As shown in the picture.elements in and post iframe will be empty.

Image
However, Facebook posts will be displayed properly. :roll:

Re: Twitter embedded does not appear.

Posted: Thu Feb 04, 2016 11:43 pm
by admin
Ok, I've found the source of the issue. It seems that the Twitter iframe is conflicting with MDL's JS file ( damn it Google :evil: )
Whenever the material.min.js is loaded, the twitter iframe disappears ( this happens to Twitter widget too ).
The fix is simple, just open header.php file and remove the mdl-js-layout class from the #page DIV.

Removing this class might lead to other issues. If none happens, I will include the fix in the next update.

Re: Twitter embedded does not appear.

Posted: Fri Feb 05, 2016 12:47 am
by susi917
admin wrote:Ok, I've found the source of the issue. It seems that the Twitter iframe is conflicting with MDL's JS file ( damn it Google :evil: )
Whenever the material.min.js is loaded, the twitter iframe disappears ( this happens to Twitter widget too ).
The fix is simple, just open header.php file and remove the mdl-js-layout class from the #page DIV.

Removing this class might lead to other issues. If none happens, I will include the fix in the next update.


Thank you for a quick answer.
Have tried the method did not appear. :oops:
header.php
<!-- <div id="page" class="hfeed mdl-layout mdl-js-layout mdl-layout--fixed-header"> -->
<div class="hfeed mdl-layout mdl-js-layout mdl-layout--fixed-header">
	<header id="masthead" class="site-header mdl-layout__header" role="banner">
		<div class="site-branding mdl-layout__header-row">
			<span class="site-title mdl-layout-title">
				<?php realistic_logo(); ?>
			</span>

Re: Twitter embedded does not appear.

Posted: Fri Feb 05, 2016 12:57 am
by admin
No don't remove the whole Div, just remove the mdl-js-layout word then reload the page.

Re: Twitter embedded does not appear.

Posted: Fri Feb 05, 2016 1:00 am
by susi917
Thank you for a quick answer.
Have tried the method did not appear. :oops:
header.php
<!-- <div id="page" class="hfeed mdl-layout mdl-js-layout mdl-layout--fixed-header"> -->
<div class="hfeed mdl-layout mdl-js-layout mdl-layout--fixed-header">
	<header id="masthead" class="site-header mdl-layout__header" role="banner">
		<div class="site-branding mdl-layout__header-row">
			<span class="site-title mdl-layout-title">
				<?php realistic_logo(); ?>
			</span>
I was mistaken. Twitter embedded has been displayed in the following code :lol:
Thank you :P
header.php
<!-- <div id="page" class="hfeed mdl-layout mdl-js-layout mdl-layout--fixed-header"> -->
<div id="page" class="hfeed mdl-layout  mdl-layout--fixed-header">
	<header id="masthead" class="site-header mdl-layout__header" role="banner">
		<div class="site-branding mdl-layout__header-row">
			<span class="site-title mdl-layout-title">
				<?php realistic_logo(); ?>
			</span>

Re: Twitter embedded does not appear.

Posted: Fri Feb 05, 2016 1:03 am
by admin
You're most welcome :)
I think this thread should be moved to Bug Report forum.
Kind Regards!

Re: Twitter embedded does not appear.

Posted: Wed Oct 10, 2018 4:18 am
by ameliaharry654
Great post