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!

39 Comments

Leave a Reply
  1. 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.

  2. 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.

  3. 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

  4. 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

  5. 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

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

Fund VoguePay Account in Nigeria In Easy Steps

How To Change WordPress.com Domain Name To .Com