I had put the CSS code in Simple CSS instead of following your directions. Now the issue has been resolved. Than you again for your extended support.

Have you deleted all minify and optimizer plugin caches. As far as I see, you're using the WP Rocket plugin.

https://docs.wp-rocket.me/article/53-clear-wp-rocket-cache

Still the same issue even after putting the above CSS.

Please add the following CSS code in Dashboard > Forums > Settings > Styles > "Custom CSS code" textarea, and check again: 

@media screen and (max-width: 800px){
    #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-content-head {
       margin-top: -130px !important;
    }
}

Please don't forget to delete all caches before checking. 

Could you please let me know how to resolve the alignment issue( highlighted in red) in the mobile view? The alignment has no issues on desktop view.

URL: https://kriyayogajagat.com/community/the-mahamudra-kriya-in-kriya-yoga/physiological-benefits-of-mahamudra-kriya/