WooCommerce Currency Switcher

Now widget is where it is using:

#header .widget {
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
}

Thank you Jigit

But in this way it is not responsive: will completely disappear when browsing from a mobile.

Actually I would like to have it at the right of the Secondary Menu in the top bar not in the main header. Is it possible?

(PS: we changed plugin, now we use “Currency Switcher for WooCommerce”)

Thank you but I don’t see any change. I cannot see the currency switch on my mobile (5 inches Android 4.4.2 )
For a desktop you can refer to the screenshot posted earlier. Please see http://www.profumo.it/main-header.PNG and http://www.profumo.it/secondary.PNG
For a mobile in one of the two position indicated in http://www.profumo.it/android.PNG

Thank you
Mauro

Thank you Elliott,

very good on a desktop but stays just over the logo on mobile
I added left and top position like this:
#header .widget {
position: absolute;
right: 90px;
top: -90px;
width: auto;
z-index: 9999 !important;
}
@media screen and (max-width:767px) {
#header_main_alternate { display: block !important; }
nav.main_menu { display: none !important; }
#header .widget {
position: absolute;
left: -10px;
top: -130px;
width: auto;
z-index: 9999!important;
}}

but element remain under secondary top bar

I tried with
position:relative;
z-index: 0!important;
but not helping

Thank you Mauro

I would be grateful to receive suggestion in where to place it.
One of the points where Prestashop is really superior to WooCommerce is that is multi-currency and multi-language out of the box.
Your theme is the state of the art of WooCommerce themes. If you will look after how to programmatically place this elements (currency menu and language flags), you will fill a very important gap.

As I said before for a mobile I would like to have it in one of the two position indicated in http://www.profumo.it/android.PNG

If I try the suggested code dropdown menu is invisible

@media screen and (max-width: 767px) {
#header .widget {
left: -10px;
top: 0px;
}}

I am close to what I want with

@media screen and (max-width:767px) {
#header_main_alternate { display: block !important; }
#header .widget {
left: 220px;
top: -120px;
}}

top should be something around
top: -150px;
but if I move it up there it will disapper below secondary top bar

Please see http://www.profumo.it/andr.PNG

Thank you Mauro

Thank you Ismael

Yes like this goes above the logo but UNDER secondary top bar and thus becoming invisible.
I tried also with different z-index directives like
@media screen and (max-width: 767px)
#header .widget {
left: 0px;
top: -140px;
width: 100px;
z-index: 9999 !important;
}
}
Thank you Mauro

Dear Ismael,
I disabled W3 Total Cache, I emptied the cache in my two browser in my mobile (Chrome and Firefox) but I cannot see it. Do you?

Dear Yigit
Same result like before, with this code switch sits over the logo, if I try to move it where I want it goes under top bar element.
Shall I give you login credentials?
Thank you Mauro

That’s great. Thank you Yigit