basic mobile view

templates/categories.tpl

@@ -3,7 +3,7 @@
 	<li data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}" class="row">
 		<meta itemprop="name" content="{categories.name}">
 
-		<div class="col-xs-7 content">
+		<div class="col-md-7 col-sm-12 col-xs-12 content">
 			<div class="icon pull-left" style="{function.generateCategoryBackground}">
 				<i class="fa fa-fw {categories.icon}"></i>
 			</div>
@@ -14,23 +14,25 @@
 			</h1>
 		</div>
 
+		<div class="hidden-sm hidden-xs">
 			<!-- IF !categories.link -->
-		<div class="col-xs-1 stats">
+			<div class="col-md-1 stats">
 				<span class="{categories.unread-class}">{categories.topic_count}</span><br />
 				<small>Topics</small>
 			</div>
-		<div class="col-xs-1 stats">
+			<div class="col-md-1 stats">
 				<span class="{categories.unread-class}">{categories.post_count}</span><br />
 				<small>Posts</small>
 			</div>
-		<div class="col-xs-3">
+			<div class="col-md-3">
 				<!-- IMPORT partials/categories/lastpost.tpl -->
 			</div>
 			<!-- ELSE -->
-		<div class="col-xs-4">
+			<div class="col-md-4">
 
 			</div>
 			<!-- ENDIF !categories.link -->
+		</div>
 
 		<div class="clearfix"></div>
 	</li>