Μια μικρή βοήθεια στην εμφάνιση navbar

[gotham7878]

Καλησπέρα. Έχω φτιάξει ένα navbar. Το πρόβλημα μου είναι οτι όταν είναι σε μικρές οθόνες (collapsed) και έχει γίνει σκρολ (δηλαδή είναι στην άσπρη version) το background των στοιχείων είναι διαφανές αντί για άσπρο. Πως μπορώ να το κάνω άσπρο?

Έχω αναπαράγει το header μου εδώ https://codepen.io/iliask/pen/ExwyLEq

Υ.Γ. Τα Lorem ipsum από κάτω είναι για να μπορείτε να κάνετε σκρολ.

 

[ralloss]

Στο else δίνεις στο ".fixed-top" height:60px. Κάνε το auto.

Με τέτοιο κώδικα τύπε, λογικό να μη βγάζεις άκρη.

πχ..
const navbar =  document.getElementById("homenavbar")
navbar.classList.remove( "class1', "class2", "class3",klp)
navbar.classList.add( "class1', "class2", "class3",klp)

έχεις το ίδιο αποτέλεσμα με πιο ευανάγνωστο κώδικα.

[gotham7878]

Στις 27/12/2021 στις 12:57 ΠΜ, ralloss είπε

Στο else δίνεις στο ".fixed-top" height:60px. Κάνε το auto.

Με τέτοιο κώδικα τύπε, λογικό να μη βγάζεις άκρη.

πχ..
const navbar =  document.getElementById("homenavbar")
navbar.classList.remove( "class1', "class2", "class3",klp)
navbar.classList.add( "class1', "class2", "class3",klp)

έχεις το ίδιο αποτέλεσμα με πιο ευανάγνωστο κώδικα.

Ευχαριστώ πολύ!