Alternating Content: Making post thumbnails display above post in mobile view?

  • I’m not sure if it was caused by the most recent theme update, but when I view my site, https://blog.studentcaffe.com on smaller viewports, the thumbnails no longer automatically appear above the posts consistently when using alternating content for left and right alignment.

    I’d like to be able to use the alternating alignments on bigger viewports, and default to the normal display of thumbnail, post title, post content when on a smaller viewport. What should I do?

    As a note, I’ve already tried the function listed here: https://presscustomizr.com/snippet/post-list-thumbnails-reordering/, and instead of displaying the thumbnails at the top of the article, it pushes all of the thumbnails to the BOTTOM of the article instead.

Viewing 1 replies (of 1 total)
  • Thread Starter studentcaffe

    (@studentcaffe)

    Update: I have since been able to work around the issue by removing the snippet entirely from my child theme’s functions.php and adding the following to my Advanced CSS.

    @media screen and (max-width: 480px) {
section.tc-thumbnail.span4 {
display: table-header-group;
}
section.tc-content.span8 {
display: table-footer-group;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Alternating Content: Making post thumbnails display above post in mobile view?’ is closed to new replies.