How to also show Gravatar (author profile pic) on mobile

Hi Elliot,

Sorry, I have another related question – am having an issue with the spacing on mobile because of this. I added a margin-top to the text so the icon now goes on top. (I can’t have the text pushed too much to the right as the whole article becomes really long on mobile)

@media only screen and (max-width: 767px) {
.responsive .content .entry-content-wrapper {
padding: 0;
margin-top: 100px;}

This works, except that it affects all my other post pages where the thumbnail now sits on top of the text as opposed to on the left.

So my question is – is it possible to separate the content and the title, where I can get the content to start on the extreme left and the title and author remain as is?

Or is there another solution to this?

Thank you very much

Hi Yigit,

Thanks for replying. This works for the author image, but the problem is that all other blog posts get affected on mobile too – the small preview image now sits on top of the title instead of sitting next to the title. Is there a way to just make the div.entry-content float to the left without affecting the title?

Thanks

Hi Andy,

Sure please see links below in mobile view.

Thank you

Hi Vinay Namaste ;)

Thanks for replying. I’ve gotten it to work, but it poses an issue on my other posts. Pls see http://103.51.41.206/~hwangimc/aham/fundamentals/ now the text for all posts have gone down. Could you pls advise as to how I can get it back to float left to the thumbnail? Thanks

Hi Vinay,

Sorry, I’ve since changed it back as I had to show it to the client. But the issue am facing, when I use the code suggested, the title and text goes down below the icon/author image. This works great for the author posts but not for the others. So am now using

@media screen and (max-width: 767px) {
.template-blog .blog-meta { display: block !important; float: none !important; }
}

The issue am facing –

Please see this link on mobile view : http://103.51.41.206/~hwangimc/aham/fund-managers-journal/a-brief-on-global-local-markets-investment-strategy/

Is there a way for just the body of text to fill the screen and start from the left as per this screenshot http://103.51.41.206/~hwangimc/aham/wp-content/uploads/screenshot.jpg instead of the whole text including title shifting down below the image?

Thanks!

Hi Vinay,

Noted and thanks. Yup those lines did not work. Really appreciate you taking a look at this. My login details as below.

Andy, thank you very much, this worked great! Exactly what I was looking for. Thanks to the rest of the support team too, you guys are really great.