diff --git a/themes/openlp2v2/assets/css/custom.css b/themes/openlp2v2/assets/css/custom.css
index 35247f5..67c5308 100644
--- a/themes/openlp2v2/assets/css/custom.css
+++ b/themes/openlp2v2/assets/css/custom.css
@@ -7,6 +7,12 @@ Created:November 2014
 License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
 File Description: Place here your custom CSS styles
 */
+@media (max-width: 767px) {
+    .navbar-collapse {
+        background-color: rgba(0, 0, 0, 0.90);
+    }
+}
+
 .bg-image-1 {
     background: url("../images/worship-1.jpg") 50% 0px no-repeat;
 }
@@ -280,6 +286,15 @@ article blockquote p:first-child {
     text-align: left;
 }
 
+.social-links {
+    text-align: center;
+}
+
+.social-links li {
+    margin: 10px;
+    width: 54px;
+}
+
 .social-links li.reddit a:hover {
     color: #ff4500;
 }
diff --git a/themes/openlp2v2/templates/front_page.html b/themes/openlp2v2/templates/front_page.html
index d4236e2..779761a 100644
--- a/themes/openlp2v2/templates/front_page.html
+++ b/themes/openlp2v2/templates/front_page.html
@@ -527,7 +527,7 @@
                             </ul>
                         </div>
                         <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
-                                <ul class="social-links text-center">
+                                <ul class="social-links">
                                     <li class="googleplus"><a target="_blank" href="https://plus.google.com/b/117120749304988900189/117120749304988900189" title="Follow us on Google+"><i class="fa fa-google-plus"></i></a></li>
                                     <li class="facebook"><a target="_blank" href="https://www.facebook.com/openlp" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a></li>
                                     <li class="twitter"><a target="_blank" href="https://twitter.com/openlp" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a></li>