another fix

This commit is contained in:
ksv741 2020-11-28 15:20:36 +03:00
parent a87667de7a
commit ad574b0afd
7 changed files with 42 additions and 31 deletions

View File

@ -15,32 +15,32 @@
<header class="header"> <header class="header">
<div class="row align-items-center justify-content-around" style="height: 70px; margin: 0;"> <div class="row align-items-center justify-content-around" style="height: 70px; margin: 0;">
<div class="col-3 col-sm-4" style="border-right: 1px solid #fff"> <div class="col-3 col-sm-4 col-lg" style="justify-content: center; border-right: 1px solid #fff">
<a class="header-info__logo" href="<?php echo get_home_url() ?>"> <a class="header-info__logo" href="<?php echo get_home_url() ?>">
<img src="<?php echo get_template_directory_uri()?>/assets/img/armanty_logo.png" alt="logotype"> <img src="<?php echo get_template_directory_uri()?>/assets/img/armanty_logo.png" alt="logotype">
<img src="<?php echo get_template_directory_uri()?>/assets/img/logo2.png" alt="logotype"> <img src="<?php echo get_template_directory_uri()?>/assets/img/logo2.png" alt="logotype">
</a> </a>
</div> </div>
<div class="col-4 col-sm-2 header-phone-number-block" style="border-right: 1px solid #fff; height: 100%"> <div class="col-4 col-sm-2 col-lg header-phone-number-block" style="justify-content: center; border-right: 1px solid #fff; height: 100%">
<div style="display: flex; flex-direction: column; height: 100%; padding: 10px 0"> <div style="display: flex; flex-direction: column; height: 100%; padding: 10px 0">
<a href="tel:+79269821494" class="col header-number">+7 (926) 982-14-94</a> <a href="tel:+79269821494" class="col header-number">+7 (926) 982-14-94</a>
<a href="tel:+79257205654" class="col header-number">+7 (925) 720-56-54</a> <a href="tel:+79257205654" class="col header-number">+7 (925) 720-56-54</a>
</div> </div>
</div> </div>
<div class="col-4 col-sm-2" style="border-right: 1px solid #fff; height: 100%; display: flex; align-items: center"> <div class="col-4 col-sm-2 col-lg" style="justify-content: center; border-right: 1px solid #fff; height: 100%; display: flex; align-items: center">
<a href="<?php echo get_home_url()?>/form" class=""><button class="order-call btn btn-danger">Заказать звонок</button></a> <a href="<?php echo get_home_url()?>/form" class=""><button class="order-call btn btn-danger">Заказать звонок</button></a>
</div> </div>
<div class="col-4 col-sm-2" style="border-right: 1px solid #fff; height: 100%; display: flex; align-items: center; justify-content: center"> <div class="col-4 col-sm-2 col-lg" style="border-right: 1px solid #fff; height: 100%; display: flex; align-items: center; justify-content: center">
<a href="<?php echo get_home_url()?>/form"><button class="order-holiday btn btn-danger">Заказать праздник</button></a> <a href="<?php echo get_home_url()?>/form"><button class="order-holiday btn btn-danger">Заказать праздник</button></a>
</div> </div>
<div class="col-4 col-sm-1 header-info__btns_right"> <div class="col-4 col-sm-1 col-lg header-info__btns_right">
<div class="social-links row align-items-center"> <div class="social-links row align-items-center">
<a target="_blank" href="http://vk.com"><i class="fa fa-vk" aria-hidden="true"></i></a> <a target="_blank" href="https://vk.com/armanty"><i class="fa fa-vk" aria-hidden="true"></i></a>
<a target="_blank" href="http://instagram.com"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a target="_blank" href="https://www.instagram.com/armantyquests/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div> </div>
</div> </div>

View File

@ -87,6 +87,7 @@
padding-top: 8px padding-top: 8px
.main .main
margin-top: 35px margin-top: 35px
margin-bottom: 35px
.contacts-image .contacts-image
transform: translateY(10px) transform: translateY(10px)
.callback-modal .callback-modal

View File

@ -93,6 +93,9 @@
padding-top: 0 !important padding-top: 0 !important
margin: 0 margin: 0
hr
width: 100%
h2 h2
color: #4c4c4c color: #4c4c4c
font-size: 21px font-size: 21px

View File

@ -47,6 +47,7 @@
&-content &-content
margin: 70px auto margin: 70px auto
max-width: 1280px !important max-width: 1280px !important
margin-bottom: -20px
a a
text-decoration: none text-decoration: none
outline: none outline: none

View File

@ -276,6 +276,7 @@
transform: translateY(-225px) transform: translateY(-225px)
&-slider-item &-slider-item
flex-direction: column flex-direction: column
justify-content: center
&__img &__img
display: none display: none
&-badge &-badge
@ -288,10 +289,11 @@
transform: none transform: none
&__text &__text
font-size: 16px font-size: 16px
height: auto
p p
margin: 5px 0 !important margin: 5px 0 !important
a a
display: flex display: none
justify-content: center justify-content: center
button button
width: 200px width: 200px

View File

@ -25,7 +25,7 @@
margin-right: 0 margin-right: 0
max-width: 1920px !important max-width: 1920px !important
width: 100% width: 100%
padding: 0px 305px padding: 0px 250px
height: 70px height: 70px
&-menu__hide &-menu__hide
transform: translateY(-180px) transform: translateY(-180px)
@ -49,6 +49,7 @@
display: none display: none
&__btns_right &__btns_right
padding-right: 25px padding-right: 25px
padding-left: 25px
a:first-child a:first-child
margin-right: 10px margin-right: 10px
.order-holiday .order-holiday
@ -60,8 +61,8 @@
font-size: 22px font-size: 22px
border-radius: 50% border-radius: 50%
background-color: #ffffff background-color: #ffffff
width: 32px width: 40px
height: 32px height: 40px
display: flex display: flex
justify-content: center justify-content: center
align-items: center align-items: center
@ -338,6 +339,7 @@
button.order-holiday button.order-holiday
margin-right: 0 !important margin-right: 0 !important
width: 125px width: 125px
transform: translateX(-10px)
// &-submenu // &-submenu
// width: 100vw // width: 100vw
// height: 100vh // height: 100vh
@ -440,6 +442,6 @@
.header-navmenu__container .header-navmenu__container
padding: 15px 50px padding: 15px 50px
.header button .header button
padding: 3px 0 // padding: 3px 0
.header-phone-number-block .header-phone-number-block
padding: 0 padding: 0

View File

@ -2,25 +2,6 @@
&-line &-line
max-width: 1440px max-width: 1440px
margin: 0 auto margin: 0 auto
.col-lg-4
&:nth-child(1)
order: 1
&:nth-child(2)
order: 2
&:nth-child(3)
order: 3
&:nth-child(4)
order: 4
&:nth-child(5)
order: 5
&:nth-child(6)
order: 6
&:nth-child(7)
order: 7
&:nth-child(8)
order: 8
&:nth-child(9)
order: 8
&-item &-item
display: flex display: flex
flex-direction: column flex-direction: column
@ -46,6 +27,27 @@
font-size: 16px font-size: 16px
.var-line .var-line
height: auto height: auto
.var-line
.col-lg-4
order: 1
&:nth-child(1)
order: 1
&:nth-child(2)
order: 2
&:nth-child(3)
order: 3
&:nth-child(4)
order: 6
&:nth-child(5)
order: 5
&:nth-child(6)
order: 4
&:nth-child(7)
order: 7
&:nth-child(8)
order: 8
&:nth-child(9)
order: 8
@media screen and (max-width: 576px) @media screen and (max-width: 576px)
.callback-modal__body .callback-modal__body