Hello!
Does anyone know how to get this Menu text ONLY on the desktop version, not mobile?
Website: Nexwatches.no
Picture:
Topic summary
A user seeks to hide menu text on mobile devices while keeping it visible on desktop.
Initial Solutions Attempted:
- First suggestion involved adding CSS code to
theme.scss.liquidtargeting the header icon button with a media query at max-width 767px, but this approach failed.
Working Solution:
- GemPages provided a fix: insert specific code into
theme.liquidfile before the</body>tag. - This successfully hid the menu text on mobile for the homepage.
Remaining Issue:
- The menu text still appears on mobile for pages other than the homepage.
- User is seeking guidance on how to extend the fix to all pages, not just the home page.
Status: Partially resolved - works for homepage only, awaiting solution for site-wide implementation.
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
Hello @Rubberduck
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
1 Like
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