Commit bf9b0874e1374fa14e79acdab7d8014323234619
1 parent
9bc07a97
menu styles
Showing
2 changed files
with
18 additions
and
22 deletions
Show diff stats
frontend/views/layouts/main.php
| ... | ... | @@ -265,21 +265,7 @@ |
| 265 | 265 | <!-- </div>--> |
| 266 | 266 | <!-- </div>--> |
| 267 | 267 | <!-- *** TOP END *** --> |
| 268 | - | |
| 269 | - <div class="small-logo-center text-center hidden-xs hidden-md hidden-lg"> | |
| 270 | - <div class="container"> | |
| 271 | - <div class="cont"> | |
| 272 | - <a class="home_mob_link" href="<?php echo Url::home(); ?>"> | |
| 273 | - <img | |
| 274 | - src="/img/logo_kb.png" | |
| 275 | - alt="<?= $settings->name; ?>" | |
| 276 | - class="static_logo_img" | |
| 277 | - > | |
| 278 | - </a> | |
| 279 | - <div class="static_logo_about_mob"><?= \Yii::t('app', $settings->about); ?></div> | |
| 280 | - </div> | |
| 281 | - </div> | |
| 282 | - </div> | |
| 268 | + | |
| 283 | 269 | <!-- *** NAVBAR *** |
| 284 | 270 | _________________________________________________________ --> |
| 285 | 271 | <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200"> |
| ... | ... | @@ -309,7 +295,7 @@ |
| 309 | 295 | <?php |
| 310 | 296 | $items = []; |
| 311 | 297 | $items[] = [ |
| 312 | - 'label' => \Yii::t('app', 'menu-about'), | |
| 298 | + 'label' => \Yii::t('app', 'Home'), | |
| 313 | 299 | 'url' => [ Url::home() ], |
| 314 | 300 | ]; |
| 315 | 301 | $items[] = [ | ... | ... |
frontend/web/css/main.css
| ... | ... | @@ -822,6 +822,18 @@ ul.list-wr span{color: #555;} |
| 822 | 822 | } |
| 823 | 823 | } |
| 824 | 824 | @media(min-width:768px){ |
| 825 | + .navbar-collapse.collapse{ | |
| 826 | + min-height: 62px!important; | |
| 827 | + display: flex!important; | |
| 828 | + justify-content: center; | |
| 829 | + align-items: center; | |
| 830 | + } | |
| 831 | + .nav.navbar-nav.navbar-right{ | |
| 832 | + display: flex; | |
| 833 | + justify-content: left; | |
| 834 | + align-items: center; | |
| 835 | + flex-wrap: wrap; | |
| 836 | + } | |
| 825 | 837 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ |
| 826 | 838 | color: #555555; |
| 827 | 839 | background:initial; |
| ... | ... | @@ -832,7 +844,6 @@ ul.list-wr span{color: #555;} |
| 832 | 844 | letter-spacing: -0.40px; |
| 833 | 845 | text-align: center; |
| 834 | 846 | padding: 0px 12px 2px; |
| 835 | - height: 62px; | |
| 836 | 847 | line-height: 18px; |
| 837 | 848 | display: flex; |
| 838 | 849 | justify-content: center; |
| ... | ... | @@ -851,16 +862,15 @@ ul.list-wr span{color: #555;} |
| 851 | 862 | left: 12px; |
| 852 | 863 | transition:0.1s; |
| 853 | 864 | } |
| 854 | - .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom: 18px;} | |
| 865 | + .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom:0px;} | |
| 855 | 866 | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;} |
| 856 | 867 | .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;} |
| 857 | 868 | } |
| 858 | 869 | @media(min-width:768px) and (max-width:991px){ |
| 870 | + .static_logo_about{display:none;} | |
| 859 | 871 | .navbar-header{width: 57px;} |
| 860 | - .navbar-brand.home{width:100%;} | |
| 861 | - .navbar-brand.home img{width: 50px;margin-top: 15px;} | |
| 862 | - | |
| 863 | - .navbar-brand.home, .static_logo_about{display:none;} | |
| 872 | + .navbar-brand.home{width:100%;margin:0;padding:0;} | |
| 873 | + .navbar-brand.home img{width: 75px;} | |
| 864 | 874 | .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;} |
| 865 | 875 | .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;} |
| 866 | 876 | .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;} | ... | ... |