11/05/2014

Blogger Comment Form Not Showing On Mobile View? Try This Solution



I've been receiving mails lately from co-bloggers, complaining that their readers are finding it difficult to comment on their blog posts simply because the Blogger comment form won't display on mobile even after clicking the "post a comment" link.


This is mostly experienced on blogs that have switched to Blogger custom mobile template. Although, I don't really know what causes the problem but there is a solution, which I've decided to share with you in this post.

To fix the problem, you only have to add the css below to your Blogger blog's html. If you view your blog posts after saving the changes to your html, you should see the comment form displayed directly below each post even if the post has zero comment.

.mobile .blogger-iframe-colorize {
display: block !important;
}

.blogger-iframe-colorize {
display: block !important;
}

How Do I Add the CSS Code To My Blog?


==> Sign in to www.blogger.com and click on your blog in the dashboard
==> Back up your template. Very Important!
==> Click "Template" > "Edit HTML"
==> Click inside the HTML
==> Use CTRL F to find ]]></b:skin>
==> Paste the CSS code directly above it as seen in the screenshot below

blogger_comment_form_html_code

==> Click "Save Template"

That's all.

Try it and let me know if it works for you or not.

Cheers!


Share :


35 comments:

  1. I've been experiencing this lately too. Will try this once on pc. thanks for sharing Jide

    ReplyDelete
  2. Anonymous11/05/2014

    Good job

    ReplyDelete
  3. 3 Gboza for the original boss. worked like magic. Boss if you know the type of coding that I have done to solve this particular problem, but all to no avail. I noticed the problem when I switched to mobile custom template. The first person to comment on my blog using mobile platform don't usually get the opportunity to do so unless others have commented on the desktop view before they can comment. But I just inserted the CSS code as you requested and viola the comment box now shows even without any comment on a post.

    When I tell people that Boss Jide is too much, some don't seem to understand. Another 3 gboza for the boss. Ggoza Gboza Gboza. You just made my day boss. You can see reason why I cannot just stop visiting this blog on a daily bases.

    ReplyDelete
    Replies
    1. Glad it worked for you bro. Have fun!

      Delete
  4. I've been having this same problem too after styling my comment box. I fixed mine with this codes

    I search for these lines on my template

    .comments .comments-content .loadmore a

    and added above it these codes

    .blogger-iframe-colorize {
    display: block !important;
    }

    To become

    .blogger-iframe-colorize {
    display: block !important;
    }
    .comments .comments-content .loadmore a

    And it work. I never know that there was other way too. Thanks for sharing.

    ReplyDelete
    Replies
    1. Same css but different implementation. Thanks for sharing this too.

      Delete
    2. Anonymous2/19/2016

      learn from the master and stop posting your naked css code hear.. you dey alway do over sabi everywere even for your facebook page.. mtcheeeeew

      Delete
  5. good job
    you can also visit
    www.globalblogtips.com

    ReplyDelete
  6. Mazino, I think the problem I had initially ws jst getting that piece of codes above, and not accually where to fix it. I would have also fixed it in the .comment sections if I had laid hand on the code ontime

    ReplyDelete
  7. i've been having this issue...ill implement it when on system, but i know it must work cuz tz Mr Jide.... Thanks mahn, im also having problem finding < body> in my template,..... Pls help oga jide

    ReplyDelete
    Replies
    1. Search for <body instead of <body>

      Delete
  8. i've seen and implemented it Thanks oga jide....ur the Best!

    ReplyDelete
  9. It worked on my blog. I tut it wudnt cuz I kinda designed the template. www.nairawriter.com

    ReplyDelete
  10. for me it work but if i want to reply post it a problem

    ReplyDelete
  11. I will try this by morning because I have been trying to fix mine too, I pray it works

    ReplyDelete
  12. Oga Jide, I am having similar problem, done this step but yet people can't leave comment on my blog, tried almost everything from embedded to full page to pop up comment box but still not working, the "prove that you are robot" always show up even when word verification is off from my dashboard ... Please Help

    ReplyDelete
    Replies
    1. Google automatically put it on, it will continue to pop up if the users did not log in before commenting.

      Delete
  13. tq..i have try and it's work on my blog

    ReplyDelete
  14. Wow! nice one. It worked fine. Thanks bro

    ReplyDelete
  15. omg...it works man...thank you soo much!

    ReplyDelete
  16. Anonymous1/19/2016

    you just saved my blog with this!! thanks sooo much!!

    ReplyDelete
  17. God bless u baba... mine solved.

    ReplyDelete
  18. Thank u bro, I've been finding this for long, but finally I find it from u. Thanx much bro GOD bless u.

    Check my blog:
    http://dailyinfotz.blogspot.com/?m=1

    ReplyDelete
  19. THANK JIDE I APPRECIATE YOU FOR THIS INFO

    ReplyDelete
  20. Good.. You Too much Bro

    ReplyDelete
  21. Wow! it worked on my blog www.dailyschoolgist.blogspot.com

    ReplyDelete
  22. Cool... it has worked for me. I am also having problem in showing my menus in mobile version, if you could help me on my blog www.bibekrajmagar.com.np , Thanks in advance.

    ReplyDelete
  23. Still working here, thanks bro

    View pagenaija.blogspot.com

    ReplyDelete
  24. I can't really understand why it's not working for me @ indepthreads.blogspot.com

    ReplyDelete
  25. I've been searching for how to fix the comment box not showing on mobile and this post has comprehensively helped me resolve it. Thanks a lot.

    ReplyDelete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.