Slider home page fix menu mobile

This commit is contained in:
2025-01-02 19:54:18 +01:00
parent bf9a138579
commit 8779fa0b74
20 changed files with 2393 additions and 40 deletions

View File

@ -1418,9 +1418,12 @@ a.cardblu:hover{
background: #0a66cc;
}
/* SLIDER FULL HOME PAGE*/
.image-container{
background-size: cover;
height: 30em;
height: 40em;
position: relative;
background-position:center center ;
}
@ -1433,11 +1436,18 @@ a.cardblu:hover{
transform: translate(-50%, -50%);
}
.wrap-slide.larghezza50{
width: 50%;
height: 100%;
top:0;
left: 0;
}
.caption-slide{
color: white;
background: rgba(0,102,204,0.6);
background: rgb(0 0 0 / 60%);
padding: 30px;
max-width: 30%;
max-width: 40%;
}
.caption-slide a{
@ -1445,10 +1455,27 @@ a.cardblu:hover{
text-decoration: none;
}
.caption-slide a.btn.btn-slide{
background: #fff;
color: #000;
margin-top: 1rem;
}
.title-slider{
font-size: 1.4rem;
font-weight: bold;
font-size: 2.5rem;
line-height: 2.8rem;
font-weight: 600;
margin-bottom: 5px;
position: relative;
}
.title-slider::before{
background-color: #C3334B;
height: 100%;
width: 5px;
left: -1rem;
position: absolute;
top: -1rem;
}
.text-slider{
@ -1456,6 +1483,63 @@ a.cardblu:hover{
margin-bottom: 0;
}
.img-caption{
width: 100px;
height: auto;
margin-bottom: 1rem;
}
.swiper-content.larghezza50{
background: #000;
}
.swiper-content.larghezza50 .caption-slide{
background: transparent;
}
.swiper-content.larghezza100 .wrap-slide{
z-index: 2;
}
.swiper-content.larghezza100 .wrap-slide .caption-slide{
background: transparent;
}
.swiper-content.larghezza100{
position: relative;
}
.swiper-content.larghezza100::after{
position: absolute;
background-color: #000000c2;
content: '';
width: 50%;
height: 100%;
display: block;
z-index: 1;
top: 0;
left: 0;
}
.sliderfull .swiper-pagination{
position: relative;
margin-top: 15px;
}
.sliderfull .swiper-pagination .swiper-pagination-bullet{
height: 15px;
width: 15px;
}
.sliderfull .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.sliderfull .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}
.sliderfull .swiper-pagination-bullet-active{
background-color: #838383;
}
@media(max-width:991px){
#slideheader .owl-dots {
bottom: 40px;
@ -1858,4 +1942,19 @@ text-decoration: none;
.featured a.leggimore svg{
display: none!important;
}
}
#jem .jem-sort-small a, ul.eventlist li a, ul.eventlist li
{-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}
#jem .jem-sort-small {background-color: #ededed;}
#jem .jem-sort-small a:hover, ul.eventlist li a:hover {text-decoration: none}
.jem-list-row .fa {color:#C3334B}
.jem-event-info-small .fa {color:#6f6f6f}
.jem-event-title h4 {font-size: 1.1rem;}
.jem-event-date {color:#7a7a7a}

View File

@ -76,6 +76,7 @@
.link-list-wrapper ul li a{
font-size: 1rem;
font-weight: 500;
padding-left: 1rem;
}
.navbar .dropdown-menu .link-list-wrapper li .link-list-wrapper, .navbar .dropdown-menu .link-list-wrapper{
@ -241,9 +242,20 @@ display: none;
fill: #000!important;
}
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent span svg {
display: none;
}
@media(max-width:991px){
ul.navbar-nav li.nav-item.doppia ul.link-list li {
width: 100%;
}
.navbar .navbar-collapsable .navbar-nav li a.nav-link.active{
border-left: 0;
}
ul.navbar-nav li.nav-item ul.link-list {
display: block;
min-width: unset;
@ -251,6 +263,32 @@ display: none;
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent > div{
display: none; /* Nascondi i sottomenu per impostazione predefinita */
}
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent, ul.navbar-nav li.nav-item ul li.nav-item.divider {
display: block;
padding: 10px 0;
font-size: 1.1rem;
height: 100%;
background: #fff;
padding-right: calc(var(--bs-gutter-x)* .5);
padding-left: calc(var(--bs-gutter-x)* .5);
font-weight: 600;
color: #CC334B;
border-bottom: 0;
width: 100%;
}
.navbar .dropdown-menu .link-list-wrapper ul li:last-child, .navbar .dropdown-menu .link-list-wrapper ul li ul li:last-child{
border-bottom: 1px solid #e5e5e5;
}
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent span svg {
display: inline;
position: absolute;
top: 16px;
right: 0;
transform: rotate(-90deg);
}
}
.menu-laterale ul.navbar-nav li.nav-item{