Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2013 at 5:32 pm #190176
    chartier

    On a desktop browser at a decent width, each link post on the main blog page has a link icon next to it to let readers know they can click the post title to be taken to the actual off-site link. However, those icons disappear on post permalink pages and on mobile. People visiting individual posts (say, linked from social media or following from a news reader), as well as readers who only use mobile devices, receive no other visual cue that link posts are what they are.

    Is this something you could address in an update? Maybe those link post icons could stick around on post permalink pages, and scale down but stick around on mobile.

    Thanks for any consideration.

    November 19, 2013 at 11:31 am #190517
    Dude

    Hi chartier!

    You can use following css code to show the icons on smaller screens too – insert it into the quick css field

    
@media only screen and (max-width: 767px){
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: block;
}
}

    Regards,
    Peter

    December 2, 2013 at 4:14 am #195165
    chartier

    Thanks for the CSS, but it seems like this is a broken feature in the core of the theme. Mobile visitors to all sites that use Enfold can’t tell when a link post is a link post. Could you consider fixing this in an update for all of your customers, not just me?

    December 2, 2013 at 5:22 am #195176
    Ismael

    Hey!

    You can add this on your Quick CSS if you really want to enable it on mobile view. We adjust the icon size and decrease the blog meta right margin to create more space for the blog content:

    @media only screen and (max-width: 767px){
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: block;
}

.blog-meta .small-preview {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 4px;
float: left;
margin: 6px 0 0 0;
position: relative;
text-align: center;
line-height: 30px;
position: relative;
z-index: 4;
display: block;
}

.single-small .post_author_timeline {
left: 15px;
}

.template-blog .blog-meta {
float: left;
margin-right: 10px;
}
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Request: Could Enfold retain the link post icon on mobile and post permalinks?’ is closed to new replies.