Support » Plugin: Contextual Related Posts » How to center related posts on mobile device?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Is there a simple “@media only screen” code I could add or anything else I need to add to the CSS so that it centers on a mobile?

    Plugin Author WebberZone

    (@webberzone)

    I’m no expert with Media queries, might be worth trying something like this which uses a different style

    @media screen and (max-width: 480px) {
    
    .crp_title{float:left; clear:left!important;}
    .crp_thumb{align:center!important;}
    .crp_related { margin-bottom:20px; margin-bottom:20px;padding:10px 0; width:100%;}
    .crp_related ul  { margin-bottom:0px; margin-left:0px; height:320px;list-style:none;padding-left:10px; }
    .crp_related ul li { float:left; width:120px; padding:0px 6px 0px 0px; list-style:none;list-style-position: inside; height:180px;text-align: left;word-wrap:break-word; }
    .crp_related ul li a {margin-bottom:10px;list-style-position: outside;word-wrap:break-word;list-style:none!important;}
    
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to center related posts on mobile device?’ is closed to new replies.