How to display menu text only on desktop version?

Solved

How to display menu text only on desktop version?

Rubberduck
Shopify Partner
62 0 11

Hello!

Does anyone know how to get this Menu text ONLY on the desktop version, not mobile?

 

Website: Nexwatches.no

Picture:
CleanShot 2022-12-06 at 16.28.42@2x.png

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

Hello @Rubberduck 

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1670384427732.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1670384461202.png

<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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

ExpertRookie
Shopify Partner
1518 249 325

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;
}
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Rubberduck
Shopify Partner
62 0 11

Hello

That didnt work

GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

Hello @Rubberduck 

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1670384427732.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1670384461202.png

<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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Rubberduck
Shopify Partner
62 0 11

Perfect, it worked! Thank you so much.

Rubberduck
Shopify Partner
62 0 11

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