Many thanks for your reply.
I have done as you suggested and renamed .container in the drop down list as dropdown-container and made the changes in my HTML and CSS. I wasn’t sure how to do this:
_•Add a second class to the .container on the drop down and then adjust the CSS to include both only
•Add another wrapper and add that wrapper to the selectors in your CSS to make it even more specific
but I have managed to position the drop-down list to where I wanted:
As it compromised other objects (three images and three lots of text), I deleted those and renamed holder_content to holder_content_middle.
Basically, I wanted to draw a line around that new content holder so that I could see what I was working with and how to reinsert the text/images I had deleted previously, so I drew a border around the holder but it is not visible:
I have been on this all day and would be grateful for any further advice.