Dawn Theme add currency converter in the mobile menu drawer

Hi there ! Can I ask how can I add the currency converter on the left side in the bottom menu drawer on the mobile version please ? also move the social media icons a little to the right? As shown in the second image exactly if possible Thanks !

@lslelegance ,

I can do this task for you, it needs some code changes.
Thank You!

I just need the code can do it my self thanks !

Please follow the steps:

step 1 : Online store-> themes-> Actions-> Edit code-> sections-> header.liquid

Step 2 : ctrl + f and find text " menu-drawer__utility-links "

Step 3 : Paste below code under this “menu-drawer__utility-links” text

{%- form 'localization', id: 'FooterCountryFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterCountryLabelNoScript">{{ 'localization.country_label' | t }}</h2>
<select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript">
{%- for country in localization.available_countries -%}
<option value="{{ country.iso_code }}" {%- if country.iso_code == localization.country.iso_code %} selected{% endif %}>
{{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_country' | t }}</button>
{%- endform -%}

Step 4 : Paste this code in Online store-> themes-> Actions-> Edit code-> Assets-> base.css

#menu-drawer .localization-selector.link{ 
 padding-bottom: 1.5rem; padding-top: 1.5rem; outline: none ; border: none; box-shadow: none;}
}
#menu-drawer .menu-drawer .list-social{justify-content: center !important; margin:0 !important;} 

Output : https://prnt.sc/HXJIEeaCmswB

Hey :waving_hand:

Your answer helped, but if I need to add several types of currency, and to select one price to be converted.

Can you help me?)

Thanks in advance