[ad_1]
So mainly I’ve a navbar that when in cellular mode, on this case in a Iphone with browser Safari this class navbar-mobile is utilized to the nav factor with javascript.
However someway the nav will not seem on prime.
.navbar-mobile {
place: fastened;
prime: 0;
proper: 0;
left: 0;
backside: 0;
background: rgba(0, 0, 0, 0.9);
transition: 0.3s;
-webkit-transform: translate3d(0,0,0);
z-index: 999 !necessary;
-webkit-overflow-scrolling: auto !necessary;
margin-top: 0;
}
This occurs on all the sections. This sections are inside a physique who has utilized a tsparticles element like under.
part {
transition: ease-in-out 0.3s;
place: relative;
peak: 100vh;
show: flex;
align-items: heart;
z-index: 997;
overflow-y: auto;
}
<physique id="tsparticles"></physique>
physique {
font-family: "Open Sans", sans-serif;
background-color: #040404;
colour: #fff;
place: relative;
background: clear;
z-index: -1;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
width:100vw;
peak:100vh;
}
/* ---- tsparticles container ---- */
#tsparticles {
width: 100%;
peak: 100%;
z-index: -1;
}
I already tried to make use of -webkit-transform: translate3d(0,0,0); as recommended however with no luck I can not determine it out. This works in different browser the one drawback is basically safari on Iphone. Thanks in superior.
[ad_2]
