I'm trying to map with a navbar as picture:
ButbymovingtheimageontheXaxistoseetherestofthecontent,navbaralsomovesaccordingtotheimage
How do I enable scroll only on the X axis for the div map container?
Follow css:
Map:
.mapa, .rota {
position: absolute;
height: 100%;
}
.mapa {
z-index: 1;
}
.rota {
z-index: 2;
}
Navbar:
nav{
display: flex;
height: 100%;
position: relative;
height: 70px;
background-color: rgb(75, 87, 100);
width: 100%;
border-bottom: 5px solid rgb(233, 128, 99);
}
.arrow-back{
width: 25px;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
}
.nav-search {
flex-direction: column;
}