Hogy lehet ezt megoldani?
Összeraktam egy responsive navbart-t és google chrome-ban és microsoft edge-ben megnéztem a developer tool-lal hogy működik e telón rendesen. Mindkettőnél működött, de amikor megnyitottam a saját telómon is akkor valamiért lehet látni a nav-ot ha elhúzzuk a weboldalt balra.( [link] Hogy lehet ezt megoldani?
Itt a link:
(A fájlokat nem csatolom remélem nem baj gépen böngészőből developer tool-al el lehet érni őket)
válasza:A nav elemed legyen fixed, és vedd le az overflow-t:
nav {
display: flex;
justify-content: space-around;
align-items: center;
min-height: 10vh;
font-family: Poppins, sans-serif;
background-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.1));
/* overflow-x: hidden; */
position: fixed;
width: 100%;
top: 0;
left: 0;
}
Ez megoldja, de azt azért át kell nézni, hogy desktop módban nem okoz-e ez gondot. Ha igen, akkor a css megfelelő helyére tedd a változtatást.
Emellett a fixed elem a tartalom fölé úszhat, ezért érdemes mobile módban extra felső paddingot tenni a bodyra, és a nav elemre egy z-indexet is, ha esetleg valami betakarná.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!