Archived topic
Space between Comment form and sidebar on mobile post
5 replies · Started by Puneet on February 4, 2022
I have recently added the comment form on my posts and on mobile it sits on top of the sidebar without any space looking a bit odd. Can it be adjusted with a bit of CSS? It would be better if the mobile form can be moved to the end of the post, appearing after the right sidebar and before the footer. Thanks,
Screenshot:https://snipboard.io/ngWKoi.jpg
URL: https://geekyfi.com/tv/netflix-series-clark-teaser-trailer/
Thanks
Hi there,
Try this CSS:
@media (max-width: 768px) {
.one-container .comments-area {
margin-bottom: 1.5em !important;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
The CSS got the spacing fine, thanks. Is it possible to show the comment form at the end of the mobile post, i.e., after the sidebar and before the footer?
Hi there,
the only way to make that happen is to Move the Comments from outside the primary content and to be displayed between the page and the footer. And the issue there will be it wills stop your sticky sidebar from being displayed beside it.
Ok, thanks. I will let it be the way it is then. Thanks again
You're welcome
