Shopify themes, liquid, logos, and UX
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:
Solved! Go to the solution
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
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;
}
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
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;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025