I don't know what am I doing wrong but I copied the same exact code, put on HTML1 field on Header and it did not work, it displays it as a text.In Flatsome ... use this header configuration and it will work perfectly. Put the Currency shortcode in HTML 1. Adjust the size of the search form after.
View attachment 5412
And use this updated CSS (Alter to your own taste)
.widget.widget-adsw-currency-selector {
border: none;
padding-left: 0rem!important;
padding-right: 0rem!important;
max-width: 100%;
}
.widget.widget-adsw-currency-selector a.currency-item {
width: 115px;
font-size: 10px;
font-weight: 600!important;
color: #000000;
background-color: #ffffff;
border-bottom: 1px solid #ffffff!important;
}
.widget.widget-adsw-currency-selector .currency-carret {
border-radius: 12px;
border-style: solid;
border-color: #d9d9d9;
border-width: 1px;
padding-bottom: 0px;
padding-top: 0px;
font-weight: 900;
color: #000000;
background-color: #f2f2f2;
}
This will give it a white background and rounded corners to match the search field as so ...
View attachment 5413
When expanded, it looks like this ...
View attachment 5414
Don't know what else to do because the Original Switcher is awful. If you have found another solution, please share it.
NB: I use Flatsome theme.