Notice that the body section is where you change your list items. Just replace the Hello 1 to Hello 4 with the words you wish to display. If you want to add more items, simply add more option rows, if you want less, delete the rows you don’t need.
This is fully responsive so it will expand to the size of the embed box.
It should be noted that this only creates a selector box and allows you to select one of the options. It does not, in itself provide any other function, such as a link. If you want the selection to do something other than display the selected choice, you will have to give more details so I can provide the appropriate code.
Thank you so much @francbrowne for the code and help. I will surely implement this in my site.
Just a question out of curiosity – Did you use some specific css generator editor to generate the css for list box or did you write the whole css by hand !!
I grabbed it from a library of snippets I’ve collected over the years, But there are a number of menu generators on the net that will produce code for you so check them out - I’m sure you will find one that gives you full control of the styling. Here is one you could try. This one allows you to set up links on each option. You also have a submit or go button that activates the selected link. The CSS is also quite a bit smaller . just sticking to the basics - but should work well for you.