Re: How to Remove Menu Title from Mobile (Turbo Theme)

Solved

How to Remove Menu Title from Mobile (Turbo Theme)

micaiahwebb
Shopify Partner
12 0 4

Screen Shot 2023-06-04 at 12.23.41 PM.png

 

I'd like to remove the 'menu' title on the mobile version of this theme. Any ideas?

Accepted Solution (1)

ZestardTech
Shopify Partner
6148 1099 1475

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > styles.css and paste this at the TOP of the file:

.mobile-menu-title {
display: none!important;
}

ZestardTech_0-1685959772197.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

PageFly-Lucas
Pathfinder
110 28 29

Hi @micaiahwebb 

Can you share with me the page URL? I will help you check it. Thank you.

 

banned
micaiahwebb
Shopify Partner
12 0 4
PageFly-Lucas
Pathfinder
110 28 29

Hi @micaiahwebb 

This is Lucas from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file styles.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media only screen and (max-width: 798px){

summary.mobile_nav.dropdown_link span.mobile-menu-title {

    display: none !important;

}}

 

Hope that my solution works for you.

Best regards,

Lucas | PageFly

banned
micaiahwebb
Shopify Partner
12 0 4
Unfortunately the menu title is still showing up 😕
PageFly-Lucas
Pathfinder
110 28 29

You can try again this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag </body> -> save.

PageFlyLucas_0-1685902698738.png

 



<style>
span.mobile-menu-title {
display: none !important;
}
</style>

banned
micaiahwebb
Shopify Partner
12 0 4
Sorry, I'm not sure where to paste this!
doesn't pull anything up when I search for it. Could it be called
something else?

ZestardTech
Shopify Partner
6148 1099 1475

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > styles.css and paste this at the TOP of the file:

.mobile-menu-title {
display: none!important;
}

ZestardTech_0-1685959772197.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
micaiahwebb
Shopify Partner
12 0 4
Thank you! That worked for me.