responsive footer

This commit is contained in:
Kevin Tessier 2020-06-29 18:24:30 +02:00
parent 4f368edcb3
commit cbf1b47865
3 changed files with 22 additions and 14 deletions

View File

@ -69,19 +69,26 @@ header > .nav-wrapper{
object-fit: cover;
}
#fond_logo{
z-index: -1;
position: absolute;
left: -13px;
top:-20px;
left: -25px;
top: -25px;
width: 200px;
height: 200px;
background-color: white;
border-radius: 200px;
transform: scale(1);
transition: all 0.3s ease;
}
.logoLamine:hover #fond_logo{
transform: scale(1.1);
transition: all 0.3s ease;
}
/* END LOGO */
/* START RS */
.rs{
padding-top: 10px;
/* padding-top: 10px; */
height: fit-content;
}
.rs > div {
@ -97,7 +104,7 @@ header > .nav-wrapper{
/* START BURGER */
.burger{
padding-top: 10px;
/* padding-top: 10px; */
height: fit-content;
}
.fond_burger{
@ -931,8 +938,8 @@ footer > section{
}
footer .logo_lamine {
width: 100px;
height: 100px;
margin: 10px;
height: auto;
/* margin: 10px; */
}
footer .logo_lamine a{

View File

@ -10,8 +10,9 @@
<header class="header d-flex ">
{% block header %}
<div class="logoLamine mr-auto">
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a>
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/>
<div id="fond_logo"></div>
</a>
</div>
<div class="nav-wrapper d-flex align-items-center">

View File

@ -1,18 +1,18 @@
<section class="information col-12 col-lg-6 p-0">
<div class="d-flex justify-content-around">
<div class="logo_lamine col-sm-6">
<div class="d-flex justify-content-around flex-wrap">
<div class="logo_lamine col-lg-3 col-sm-6">
<a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
</div>
<div class="horaires col-sm-6">
<div class="horaires col-lg-3 col-sm-6">
{{options.texte_horaire }}
</div>
<div class="adresse col-sm-6">
<div class="adresse col-lg-3 col-sm-6">
{{options.texte_adresse }}
</div>
<div class="col-sm-6">
<div class="col-lg-3 col-sm-6">
<div class="collecte">
{{options.texte_collecte }}
</div>