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>
 
-		<!-- IF !categories.link -->
+		<div class="hidden-sm hidden-xs">
-		<div class="col-xs-1 stats">
+			<!-- IF !categories.link -->
-			<span class="{categories.unread-class}">{categories.topic_count}</span><br />
+			<div class="col-md-1 stats">
-			<small>Topics</small>
+				<span class="{categories.unread-class}">{categories.topic_count}</span><br />
-		</div>
+				<small>Topics</small>
-		<div class="col-xs-1 stats">
+			</div>
-			<span class="{categories.unread-class}">{categories.post_count}</span><br />
+			<div class="col-md-1 stats">
-			<small>Posts</small>
+				<span class="{categories.unread-class}">{categories.post_count}</span><br />
-		</div>
+				<small>Posts</small>
-		<div class="col-xs-3">
+			</div>
-			<!-- IMPORT partials/categories/lastpost.tpl -->
+			<div class="col-md-3">
-		</div>
+				<!-- IMPORT partials/categories/lastpost.tpl -->
-		<!-- ELSE -->
+			</div>
-		<div class="col-xs-4">
+			<!-- ELSE -->
+			<div class="col-md-4">
 
+			</div>
+			<!-- ENDIF !categories.link -->
 		</div>
-		<!-- ENDIF !categories.link -->
 
 		<div class="clearfix"></div>
 	</li>