It’s great that you’ve found a way to make it work.
With your question, you need to identify if there are any commonalities among the menu items you’ve selected, such as matching the class name ‘header-wrapper-items’.
Then, you use var header-item = document.querySelectorAll(‘.header-wrapper-items’); which returns a NodeList.
Convert it to an array:
let myArray = Array.from(header-item). Then, map through myArray to access each item:
myArray.map((item, index) => {
item.style.height = ‘1rem’; // Assuming ‘height’ is the property you want to change
})
And you place this code snippet inside the event listener for the window scroll event.
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you