Hello Philippe ***,

Okay, keep us updated then.
Anyway, thanks for reporting on this, I will consult with our designer and see how it goes.

Hello Arlex,

ok, sure, if you think this is relevant for other users, I will definitely post the solution here as soon as my ticket is solved.

Best,

Philippe

Hello Philippe ***,

Did you mean you already solved by yourself? If yes, is it kindly to share what you did CSS code here? Maybe other user have the same issues with you, so they can referring on this thread.

Hello Arlex,

no, no I haven't solved it. I posted a ticket.

But if you find the answer before them I am interested :-)

Thank you and best regards,

Philippe

Hello Philippe ***,

Sorry for late reply to this,
I have tried to applied this CSS code in your template css file -> Joomlafolder/templates/theme1562/css/template.css
But when i refresh your page, look like the css code doesn't apply in your template.css,
Also, I'm not sure that is it i put the correct css file, can you apply this code in your css file then clear all the cache and see how it goes.

@media (max-width:979px)

{

  #eblog-wrapper .fb_iframe_widget span 

  {

    width: 100% !important;

  }



  #eblog-wrapper .fb_iframe_widget iframe

  {

    width: 100% !important;

  }

}

Hello Arlex,

thank you for your reply. I did what you said but it didn't work. What else could I try?

My site is behind Cloudfalre CDN which is why you could not clean the cache. I am in development mode right now so the cache is off for 3 hours, and I will keep it off the whole day (I am in Spain so this is GTM+1).

So if you are working today and up to try some things, please feel free to use the ftp and admin accesses that I provided.

Thank you for your help and best regards,

Philippe

Hello Philippe ***,

I'm really sorry that delayed of this reply,
I have tried to global search in Google, but It seems like that iframe is generate by Facebook ( http://screencast.com/t/8ClRBbWY6p ), we cannot able to access the inner iframe and modify the CSS

Hello Arlex,

so maybe you could write a ticket to facebook as developpers and see what solution they can provide?

Thank you and best regards,

Philippe

Hello Philippe ***,

Sorry for late reply to this,
I have consult with my designer regarding this, actually we cant control the responsive of the Facebook iframe and the only things we can do is set the width to 200px from your backend > Easyblog > Setting > Social integration > Facebook Like > Width -200 , check my screenshot : http://screencast.com/t/sbxWOJ5CG4r

I have help you configured, please have a check when you view your blog entry page in your mobile phone, if still the same, you have to adjust a little bit the width from your Easyblog backend setting. Hope this help.

Hello Arlex,

Ok this works thank you :-)

There is another line that does not show responsively when the full blog post is viewed in an iPhone: "Si usted desea registrarse, por favor rellene el nombre de usuario y el nombre real" it is right above the comment editor field. Maybe we can control this one's css?

Thank you for your help and best regards,

Philippe

Hello again,

I noticed another thing in the full blog post view, when viewed in my iPhone.

"Related articles" (in spanish: "Artículos relacionados") displays on 2 lines instead of one, and only half of the white text is covered by the red background...

Hello again,

I also just noticed that when viewed in my iPhone, in the full blog post view, the sharing buttons : twitter, pinterest, linkedin etc. don't appear.
There is only the facebook button at the bottom. Is that normal?

Best,
Philippe

Hello Philippe ***,

Actually the social button still haven't support the responsive yet
I have tried to add this css code for temporary fix, but social button is not show properly, please have a check.
JoomlaFolder/Theme1562/css/template.css

#eblog-wrapper.w600 #ezblog-body #socialbutton, #eblog-wrapper.w600 #ezblog-body #socialbutton .socialbutton-vertical {

    display: inline-block !important;

}

Regarding with your css issues :

#1 There is another line that does not show responsively when the full blog post is viewed in an iPhone: "Si usted desea registrarse, por favor rellene el nombre de usuario y el nombre real" it is right above the comment editor field. Maybe we can control this one's css?
#2 "Related articles" (in spanish: "Artículos relacionados") displays on 2 lines instead of one, and only half of the white text is covered by the red background...

Is it possible point me which URL and the screenshot you found out on this? So we can exactly know which place u mentioned. Please advise.

Hello Arlex,

1) about the social buttons, the fix works but I think it would look nicer if in Smartphones they would appear below the blog post image. Do you think it's possible with css?

2) about the other line that is too large when viewed in Smarphone, you can see it here for example: http://www.equipolr.es/blog/entrega-de-un-vw-polo-lr-a-alexis-ortiz-y-milton-martillo
--> right below the blog post, in red color: "Articulos relacionados" the word "relacionados" is not in the red color
--> right above the text field to write a comment (at the bottom of the page) there is: "Si usted desea registrarse, por favor rellene el nombre de usuario y el nombre real" this text does not resize when viewed in a Smartphone and breaks the responsive design

Thank you for your help and best regards,

Philippe

Hello Philippe ***,

Sorry for late reply to this,
Thanks for take your time to point which CSS styling is broken,
I have applied some CSS code in your file JoomlaFolder/Theme1562/css/template.css

#ezblog-body .tab_button li {

 width: 100% !important;

}



.label, .badge {

 white-space: pre;

}



#eblog-wrapper .social-button-large.retweet, #eblog-wrapper .social-button-large.google-plusone, #eblog-wrapper .social-button-large.digg-share, #eblog-wrapper .social-button-large.linkedin-share, #eblog-wrapper .social-button-large.stumbleupon-share, #eblog-wrapper .social-button-large.pinterest, #eblog-wrapper .social-button-large.tweetmeme {

 width: 53px !important;

}

Regarding with your Social button, i have help you change to top position, so it look more nicely now. Please have a check.

Hello Arlex,

awesome you solved it all!
It looks great now, you're the boss :-)
Thank you very much for your help and best regards,

Philippe

Hello Philippe,

You're welcome, glad to heard your issues resolved.