Hi! I'm very new to CSS and have been working on editing a website for work. I've managed to add a dropdown filter list (according to to W3 tutorial - https://www.w3schools.com/howto/howto_js_filter_dropdown.asp), and format it accordingly. However, I am having problems with the width. I have set the dropbtn to 100vw, so that it blends in to an existing header on the screen. It is overhanging on any screen with a scroll bar, and any existing fixes I've found don't work. I'm not sure that I am putting them in the right place though. I'd be hugely grateful if someone could suggest a solution and where to put it please!
100vw overflow - but can't fix
in CSS
Posted
Hi! I'm very new to CSS and have been working on editing a website for work. I've managed to add a dropdown filter list (according to to W3 tutorial - https://www.w3schools.com/howto/howto_js_filter_dropdown.asp), and format it accordingly. However, I am having problems with the width. I have set the dropbtn to 100vw, so that it blends in to an existing header on the screen. It is overhanging on any screen with a scroll bar, and any existing fixes I've found don't work. I'm not sure that I am putting them in the right place though. I'd be hugely grateful if someone could suggest a solution and where to put it please!