Shopify themes, liquid, logos, and UX
Hello!
Does anyone know how to get this Menu text ONLY on the desktop version, not mobile?
Website: Nexwatches.no
Picture:
Solved! Go to the solution
This is an accepted solution.
Hello @Rubberduck
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
<style>
@media (max-width: 767px ) {
.supports-sticky .Header--transparent .Header__Icon {
font-size: 0px;
}
}
</style>
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hi @Rubberduck
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid
@media(max-width: 767px){
.Header__Icon.button[data-drawer-id="sidebar-menu"] {
font-size: 0;
}
}
Hello
That didnt work
This is an accepted solution.
Hello @Rubberduck
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
<style>
@media (max-width: 767px ) {
.supports-sticky .Header--transparent .Header__Icon {
font-size: 0px;
}
}
</style>
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Perfect, it worked! Thank you so much.
Its a small problem! The Menu still shows up at any other page then the home page. How can i remove it from those aswell on mobile? @GemPages
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025