Customise Country Shortcode with CSS

Hi Oscar,

I’m facing an issue where the country selector is too wide that it’s affecting the nav menu width. I tried using css to adjust the width to 50% but it seems it’s only affecting the form field. The dropdown width is still 100%. I have tried using overflow:hidden but to no avail. Do you know the right css code i should be using?

Here’s the snippet

/country switcher/
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {width:50%;}

select option { – i think i should be using this selector? but which css code do i input here?

Here’s the screenshot of the error https://pasteboard.co/eAZCqi6yUHsh.png

Looking forward to your reply. Thanks

The page I need help with: [log in to see the link]