- styles and scripts / mobile version

Eugeny Galkovskiy
1 parent 87f1520d
Showing 4 changed files with 84 additions and 2 deletions Show diff stats
frontend/views/layouts/main.php
frontend/views/site/index.php
frontend/web/css/style.css
frontend/web/js/front.js
@@ -308,18 +308,22 @@ _________________________________________________________ --&gt;
                                 [
                                     'label' => \Yii::t('app', 'Чому ми'),
                                     'url'   => [ '../#section1' ],
+                                    'options' => ['class' => 'scroll-to',],
                                 ],
                                 [
                                     'label' => \Yii::t('app', 'Наші проекти'),
                                     'url'   => [ '../#section2' ],
+                                    'options' => ['class' => 'scroll-to',],
                                 ],
                                 [
                                     'label' => \Yii::t('app', '10 кроків до енергонезалежності'),
                                     'url'   => [ '../#section3' ],
+                                    'options' => ['class' => 'scroll-to',],
                                 ],
                                 [
                                     'label' => \Yii::t('app', 'Контакти'),
                                     'url'   => [ '../#section4' ],
+                                    'options' => ['class' => 'scroll-to',],
                                 ],
                             ],
                             'options' => [
@@ -375,7 +375,7 @@ $this-&gt;registerJs($js, View::POS_END);
                         - Робота 89 комп'ютерів за 365 днів
                     </p>
-                    <a href="http://fb.com/KBEnergy.UA/" class="button1" target="_blank" style="padding: 18px;width: 300px;font-size: 18px;">Більше наших проектів</a>
+                    <a href="http://fb.com/KBEnergy.UA/" class="button1 more-projects" target="_blank">Більше наших проектів</a>
                 </div>
                 <div class="col-md-4">
                     <div class="col-md-12 row project-right">
+.modal{z-index:10500;}
+.modal-backdrop{z-index:10400;}
+.modal-open .modal{padding:0!important;}
+.panel-title{padding-right:15px;}
+
 .box-simple h3{letter-spacing: 0.02em;}
 .navbar ul.nav > li > a {letter-spacing: 0.01em;}
 #back-to-top{background: #269cda;}
@@ -190,9 +195,79 @@ a.sqre_btn {
 .panel-heading.active a:before{
     content: "\f107";
 }
+.more-projects{padding: 18px;width: 300px;font-size: 18px;margin-bottom:40px;}
 /* send form buttons */
 .send-form.btn{
     display:none;
+}
+
+@media(min-width:992px) and (max-width:1199px){
+    .pr_cover {
+        max-width: 320px;
+        max-height: 180px;
+        overflow: hidden;
+        display: inline-block;
+        width: calc(100% + 15px);
+        height: 0;
+        padding-bottom: 67.087%;
+        position: relative;
+    }
+    .head_video_buttons .button1{margin-bottom: 7px;}
+    .head_video_buttons .button1, .head_video_buttons .button2{
+        float:none!important;
+        display:block!important;
+    }
+}
+@media(max-width:991px){
+    .background-kben.block-why, .head_video_buttons{
+        margin-top: 30px;
+    }
+    .pr_cover {
+        max-width: 320px;
+        max-height: 180px;
+        width: 105%;
+        height: 19vh;
+        position: relative;
+    }
+    .project-right .open_gal img {
+        position: absolute;
+        width:100%;height:100%;
+    }
+    #section2{padding: 0!important;}
+}
+@media(min-width:768px) and (max-width:991px){
+    .navbar-brand.home img{
+        width: 76px;
+        margin-top: 9px;
+    }
+}
+@media(max-width:500px){
+    .head_video_buttons .button1{margin-bottom: 7px;}
+    .head_video_buttons .button1, .head_video_buttons .button2{
+        float:none!important;
+        display:block!important;
+    }
+    .button1{width:100%;}
+    h2, .h2 {font-size: 6vw;}
+}
+@media(max-width:380px){
+    .more-projects{
+        padding: 18px;
+        width: 100%!important;
+        font-size: 4.68vw;
+        line-height: 2.5vh;
+        margin-bottom: 50px;
+    }
+}
+@media(max-width:280px) {
+    .pr_cover {
+        width:109%;
+    }
+}
+@media(max-width:275px){
+    .head_video_buttons .button1, .head_video_buttons .button2{
+        width: 100%!important;
+    }
 }
 \ No newline at end of file
@@ -462,7 +462,7 @@ function utils() {
         );
     /* animated scrolling */
-    $('.scroll-to, .scroll-to-top')
+    $('.scroll-to, .scroll-to-top, .scroll-to a, .scroll-to-top a')
         .click(
             function(event) {
@@ -472,6 +472,9 @@ function utils() {
                     scrollTo(full_url);
                     event.preventDefault();
+                    if($(".navbar-collapse.collapse").hasClass('in')){
+                        $(".navbar-toggle").click(); //закрытие меню на мобильной версии при нажатии ссылки
+                    }
                 }
             }
         );