Slider comments on Hueman theme

After reading Chris' article on Slideout comments I decided to see what it would look like on a Hueman theme that i have installed. Unfortunately I was unable to get anything to work at all despite trying to change the comments container identifier and also the individual comment identifier.

Below is the comments.php code and the Hueman theme is a free one if anyone wants to create a quick test. But first i wanted to check i was using the right identifiers.
Thanks in advance.

<?php if ( post_password_required() ) { return; } ?>

<section id="comments" class="themeform">

	<?php if ( have_comments() ) : global $wp_query; ?>

		<h3 class="heading"><?php comments_number( __( 'No Responses', 'hueman' ), __( '1 Response', 'hueman' ), __( '% Responses', 'hueman' ) ); ?></h3>

		<ul class="comment-tabs group">
			<li class="active"><a href="#commentlist-container"><i class="fa fa-comments-o"></i><?php _e( 'Comments', 'hueman' ); ?><span><?php echo count($wp_query->comments_by_type['comment']); ?></span></a></li>
			<li><a href="#pinglist-container"><i class="fa fa-share"></i><?php _e( 'Pingbacks', 'hueman' ); ?><span><?php echo count($wp_query->comments_by_type['pings']); ?></span></a></li>
		</ul>

		<?php if ( ! empty( $comments_by_type['comment'] ) ) { ?>
		<div id="commentlist-container" class="comment-tab">

			<ol class="commentlist">
				<?php wp_list_comments( 'avatar_size=96&type=comment' ); ?>
			</ol><!--/.commentlist-->

			<?php if ( get_comment_pages_count() > 1 && get_option('page_comments') ) : ?>
			<nav class="comments-nav group">
				<div class="nav-previous"><?php previous_comments_link(); ?></div>
				<div class="nav-next"><?php next_comments_link(); ?></div>
			</nav><!--/.comments-nav-->
			<?php endif; ?>

		</div>
		<?php } ?>

		<?php if ( ! empty( $comments_by_type['pings'] ) ) { ?>
		<div id="pinglist-container" class="comment-tab">

			<ol class="pinglist">
				<?php // not calling wp_list_comments twice, as it breaks pagination
				$pings = $comments_by_type['pings'];
				foreach ($pings as $ping) { ?>
					<li class="ping">
						<div class="ping-link"><?php comment_author_link($ping); ?></div>
						<div class="ping-meta"><?php comment_date( get_option( 'date_format' ), $ping ); ?></div>
						<div class="ping-content"><?php comment_text($ping); ?></div>
					</li>
				<?php } ?>
			</ol><!--/.pinglist-->

		</div>
		<?php } ?>

	<?php else: // if there are no comments yet ?>

		<?php if (comments_open()) : ?>
			<!-- comments open, no comments -->
		<?php else : ?>
			<!-- comments closed, no comments -->
		<?php endif; ?>

	<?php endif; ?>

	<?php if ( comments_open() ) { comment_form(); } ?>

</section><!--/#comments-->