Remove the currency tab from header on mobile & desktop

Store Design
1

Hi!

I was trying to hide the currency selector from mobile and desktop but failed to do so.

Can you please help me remove the currency tab selector from the menu area on mobile and desktop with a CSS code?

This is my website: https://carlettejewellery.com/

Thank you!

1 Like
2

Hi @carlettejew11

Please add this css in your base.css file

.header__select-currency.d-flex.align-items-center {
    display: none!important;
}
.locale-selectors__content {
    display: none!important;
}
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.min.css and paste this at the bottom of the file:
.js-position.select.position-relative.js-dropdown.js-select.js-currencies-form {
display: none;
}

Screenshot :- https://prnt.sc/Cdnb5QzWi7R9

1 Like
4

Hello @carlettejew11 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1669888702733.png
GemPages_0-1669888702733.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1669888993830.png
GemPages_1-1669888993830.png1916×902 74.8 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

5

Hello @carlettejew11

Add this code below of theme.liquid before closing body() tag.

.js-currencies-form { display: none !important; }
6

Thank you! It worked!

1 Like
7

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.