Author Pic not showing on Mobile

[cranium1]

Hi, I am using Ethos and based on staff recommendations on this forum, I added the following code to add author box at the bottom:

// Author Bio below the post content - Single page only.
// =============================================================================

add_action( “x_after_the_content_end”, “add_post_shortcode” );

function add_post_shortcode() {
if( is_singular( ‘post’ ) ){
echo do_shortcode(’[author title=“About the Author”]’);
}
}
// =============================================================================

However, the problem is I can see my Gravatar pic on desktop but not on mobile. How do I get the pic to show on mobile also? It seems there is no place for it. Its not an issue with only my site because I see the same issue on your demo page as well when viewed in mobile: http://demo.theme.co/ethos-1/shortcodes/author/

Secondly, is there a way to add a new para to author bio? HTML code for creating a new para doesnt seem to work in author bio.

[rad]

Hi Gary,

Thanks for reaching out.

Unfortunately, the information displayed by that shortcode is only limited to that. Adding more will require custom development which we can’t provide here in the forum.

As for the icon, please add this CSS to Theme Options > CSS

@media (max-width: 480px){
.x-author-box .avatar {
    display: block !important;
    margin: 0px 20px 0px 0px !important;
}
}

Thanks!

[cranium1]

As for the icon, please add this CSS to Theme Options > CSS

Well, that did it. Thanks!

[nabeel]

Glad we could help.

Cheers!