move affinity slider lower on screens < 767px to not collide with the page menu button

2017-10-11 13:18:18 +02:00
parent f3cf708c85
commit c8d5390512
2 changed files with 13 additions and 3 deletions
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -57,7 +57,13 @@ li:hover .widget-nav-pills-icons {

 /*  affinity slider */
 #main-slider {
-	margin: 10px 7px 45px 7px;
+	margin: 10px 7px 4rem 7px;
+}
+
+@media screen and (max-width: 767px) {
+	#main-slider {
+		margin: 4rem 7px 4rem 7px;
+	}
 }

 /* posted date */