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">
<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() ?>">
<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">
</a>
</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">
<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>
</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>
</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>
</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">
<a target="_blank" href="http://vk.com"><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://vk.com/armanty"><i class="fa fa-vk" 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>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -2,25 +2,6 @@
&-line
max-width: 1440px
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
display: flex
flex-direction: column
@ -46,6 +27,27 @@
font-size: 16px
.var-line
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)
.callback-modal__body