diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig
index f10c0e6..5537b6c 100644
--- a/app/Resources/views/base.html.twig
+++ b/app/Resources/views/base.html.twig
@@ -112,6 +112,14 @@
                         </div>
                     </div>
                 </div>
+				<ul id="social">
+					<li class="social social-rss"><a target="_blank" href="{{ cms_path('rss') }}">RSS</a></li>
+					<li class="social social-github"><a target="_blank" href="https://github.com/simmstein/">Github</a></li>
+					<li class="social social-linkedin"><a target="_blank" href="https://www.linkedin.com/profile/view?id=68981845&amp;trk=tab_pro">LinkedIn</a></li>
+					<li class="social social-diaspora"><a target="_blank" href="https://framasphere.org/people/cf7f5710e85d013117ae2a0000053625">Diaspora</a></li>
+					<li class="social social-twitter"><a target="_blank" href="https://twitter.com/SimonVieille">Twitter</a></li>
+					<li class="social social-facebook"><a target="_blank" href="https://www.facebook.com/simon.vieille">Facebook</a></li>
+				</ul>
             </div>
         </header>
 
@@ -137,14 +145,6 @@
                 </header>
                 <div id="breadcrumb">
                     <div class="ctn">
-                        <ul id="social">
-                            <li class="social social-rss"><a target="_blank" href="{{ cms_path('rss') }}">RSS</a></li>
-                            <li class="social social-github"><a target="_blank" href="https://github.com/simmstein/">Github</a></li>
-                            <li class="social social-linkedin"><a target="_blank" href="https://www.linkedin.com/profile/view?id=68981845&amp;trk=tab_pro">LinkedIn</a></li>
-                            <li class="social social-diaspora"><a target="_blank" href="https://framasphere.org/people/cf7f5710e85d013117ae2a0000053625">Diaspora</a></li>
-                            <li class="social social-twitter"><a target="_blank" href="https://twitter.com/SimonVieille">Twitter</a></li>
-                            <li class="social social-facebook"><a target="_blank" href="https://www.facebook.com/simon.vieille">Facebook</a></li>
-                        </ul>
 
                         <ul>
                             <li><span class="glyphicon glyphicon-home"></span></li>
diff --git a/src/Deblan/Bundle/BlogBundle/Resources/public/css/cleanblog/main.css b/src/Deblan/Bundle/BlogBundle/Resources/public/css/cleanblog/main.css
index 67d4bb8..6d67dd9 100644
--- a/src/Deblan/Bundle/BlogBundle/Resources/public/css/cleanblog/main.css
+++ b/src/Deblan/Bundle/BlogBundle/Resources/public/css/cleanblog/main.css
@@ -49,20 +49,16 @@
 }
 
 #social {
-	float: right;
+	list-style: none;
+	text-align: center;
 }
 
-@media (max-width: 500px) {
-	#social {
-		position: absolute;
-		top: 4px;
-		left: 0;
-	}
-
+#social li {
+	display: inline-block;
 }
 
 .social {
-	background: url(../img/socials.png) no-repeat 1000px 0;
+	background: url(../../img/socials.png) no-repeat 1000px 0;
 	margin-left: 2px;
 }