[Resolved] Related post not showing in the Smartphone

[Mahesh]

Hello,
I am using the below code to show related posts under my content.
The problem is I can see the related post on the desktop but when I view it on my smartphone, there is no related post section.
You can check one of my links in the URL section.
What is the solution for this problem and if possible, is there any chance to reduce the grey section around the related post?

Here is the code I am using:

<h2>Related Posts</h2>
<?php
if ( is_single() ) {
$cats = get_the_category();
$cat = $cats[0];
} else {
$cat = get_category( get_query_var( ‘cat’ ) );
}

$cat_slug = $cat->slug;
$list = get_page_by_title( ‘related’, ‘OBJECT’, ‘wp_show_posts’ );
wpsp_display( $list->ID, ‘tax_term=”‘ . $cat_slug . ‘”‘ );
?>

[David]

Hi there,

can you link me to a post where i can see the Related Posts section – i checked a couple but couldn’t see it.

[Mahesh]

I have provided the link in the URL section.
You can visit that link via desktop & smartphone to see the difference.
Ensure to look at the related post section just below the content before the comment section.

[David]

I checked that link and cannot see the Related Posts section or any markup in the code.
Maybe a server caching issue

[Mahesh]

Ok, its a problem from my side.
Actually I set the login users as “logged in users” in the element section. So that is why only I can see the related post on the desktop and not on the mobile.
Anyways, could you please tell me how can I reduce the extra size of the grey section from the sides of related posts.
Or
Increase the related post thumbnail size so that the gap is filled.
You can check the post URL.

[David]

Just edit the padding property in this CSS:

.wpsp-related-posts {
    background-color: #f2f3f4;
    padding: 64px; /* reduce padding here */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[Mahesh]

Thank You. Problem solved.

[David]

You’re welcome

[Author]

Posts