Adding fixed nav
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11165,3 +11165,92 @@ footer#footer {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fixed-nav {
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 9px;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
|
||||
.fixed-item {
|
||||
transform: translateX(110px);
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
&-1 {
|
||||
.fixed-item--wrapper {
|
||||
.item-icon {
|
||||
border-color: #ffbd04;
|
||||
}
|
||||
.item-text {
|
||||
background: #ffbd04;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
.fixed-item--wrapper {
|
||||
.item-icon {
|
||||
border-color: #1b517f;
|
||||
}
|
||||
.item-text {
|
||||
background: #1b517f;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fixed-item--wrapper {
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.item-icon {
|
||||
width: 62px;
|
||||
min-width: 62px;
|
||||
max-width: 62px;
|
||||
height: 62px;
|
||||
min-height: 62px;
|
||||
max-height: 62px;
|
||||
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fff;
|
||||
|
||||
margin-right: -20px;
|
||||
z-index: 1;
|
||||
}
|
||||
.item-text {
|
||||
height: 45px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
padding-right: 20px;
|
||||
margin-bottom: 1px;
|
||||
width: 135px;
|
||||
|
||||
span {
|
||||
color: #ffffff;
|
||||
font-family: $font3;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,32 @@
|
||||
<div class="button-contact">
|
||||
<a href="/kontakt#contact-form-new">
|
||||
<img alt="" src="/upload/filemanager/icon/koperta.png" />
|
||||
</a>
|
||||
</div>
|
||||
<?php
|
||||
global $page;
|
||||
?>
|
||||
|
||||
<ol id="fixed-nav">
|
||||
<? if ( $page['id'] != 100 ):?>
|
||||
<li class="fixed-item fixed-item-1">
|
||||
<div class="fixed-item--wrapper">
|
||||
<a href="/kontakt">
|
||||
<div class="item-icon">
|
||||
<img src="/upload/filemanager/icon/envelope-1.svg" alt="">
|
||||
</div>
|
||||
<div class="item-text">
|
||||
<span>KONTAKT</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<li class="fixed-item fixed-item-2">
|
||||
<div class="fixed-item--wrapper">
|
||||
<a href="/salony-sprzedazy">
|
||||
<div class="item-icon">
|
||||
<img src="/upload/filemanager/icon/Phone-Mobile-Phone.svg" alt="">
|
||||
</div>
|
||||
<div class="item-text">
|
||||
<span>SALONY</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
@@ -500,7 +500,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="box-form">
|
||||
<form action="/salony-sprzedazy-dev" id="search-showrooms-form">
|
||||
<form action="/salony-sprzedazy" id="search-showrooms-form">
|
||||
<div class="form-search">
|
||||
<div class="row-input">
|
||||
<label for="place">
|
||||
|
||||
Reference in New Issue
Block a user