I am trying to include the comment box on the mobile version of my site (which already works fine on the desktop version of my site). I am including the comments box as follows:
<?php comments_template(); ?>
It is appearing fine, however it is adding an extra whitespace of 49px (height) for no reason at all. There don’t seem to be any settings from where this is coming from. This is only happening when the widget detects a mobile user agent.
When I did ‘inspect element’ in Chrome Canary, I noticed that the comment box was 114px (empty comment form with 0 comments), while the outer span containing its iframe was 160px, and there was an extra 3px coming from somewhere else too, making the total height 163px.
Is there any way to remove this? Its making the page look awful on mobile and I cannot launch with this.
- The topic ‘Comment box adds extra height whitespace in mobile version’ is closed to new replies.