Solved

Remove language selector from header on desktop

martujv
Pathfinder
103 2 26

Hello!

 

I'm using the Stiletto theme and it has a function to add a language selector to the menu which looks very good on mobile but the placement is bad on desktop. Is there any way to remove the language selector only from the desktop version and keep it on the mobile?

 

My website is www.winnerofficial.com

 

I mean this language selector on the top of the header icons:

Captura de pantalla 2024-06-01 a las 11.08.37.png

Accepted Solutions (3)

techlyser_web
Shopify Partner
1614 299 322

This is an accepted solution.

Hello @martujv 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.header__row.header__row-desktop.upper {
display: none !important;
}
}
</style>

techlyser_web_0-1717234608217.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

PageFly-Amelia
Shopify Partner
452 144 205

This is an accepted solution.

Hello @martujv 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

 

 

@media screen and (min-width: 992px) {
.header__row.header__row-desktop.upper {
   display: none !important;
}
}

 

 

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

devcoders
Shopify Partner
190 31 48

This is an accepted solution.

Hi @martujv 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/theme.css and paste the code below at the bottom of the file.



.header__row .disclosure-form {
display: none!important;
}

 

devcoders_0-1717240244970.png

 

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 3 (3)

techlyser_web
Shopify Partner
1614 299 322

This is an accepted solution.

Hello @martujv 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.header__row.header__row-desktop.upper {
display: none !important;
}
}
</style>

techlyser_web_0-1717234608217.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Amelia
Shopify Partner
452 144 205

This is an accepted solution.

Hello @martujv 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

 

 

@media screen and (min-width: 992px) {
.header__row.header__row-desktop.upper {
   display: none !important;
}
}

 

 

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

devcoders
Shopify Partner
190 31 48

This is an accepted solution.

Hi @martujv 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/theme.css and paste the code below at the bottom of the file.



.header__row .disclosure-form {
display: none!important;
}

 

devcoders_0-1717240244970.png

 

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!