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

This commit is contained in:
Mario Vavti 2017-10-11 13:18:18 +02:00
parent f3cf708c85
commit c8d5390512
2 changed files with 13 additions and 3 deletions

View File

@ -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 */

View File

@ -1,5 +1,9 @@
<div id="main-slider" class="slider" ><input id="main-range" type="text" name="cminmax" value="{{$val}}" /></div>
<div id="profile-jot-text-loading" class="spinner-wrapper"><div class="spinner m"></div></div>
<div id="main-slider" class="slider" >
<input id="main-range" type="text" name="cminmax" value="{{$val}}" />
<div id="profile-jot-text-loading" class="spinner-wrapper">
<div class="spinner m"></div>
</div>
</div>
<script>
$(document).ready(function() {
var old_cmin = 0;