How to remove menu on main page only without affecting other pages

Store Design
, , , , , , , , , ,
1

im looking to remove the menu bar on mobile and to make button same size as email button on mobile.

(i put in a code but it only worked for both button and menu bar only for desktop)

2

Hi @undercoverfresh, you can follow these steps:

Step 1: Open Online Store → Themes → Edit code

Step 2: Find theme.liquid file

Step 3: Paste this code before close tag:

{% if request.path == "/" %}
      
{% endif %}

Screenshot_3.png
Screenshot_3.png381×798 11.1 KB

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you :heart_eyes:

3 
{% if request.path == "/" %}
      
{% endif %}

Mustafa_Ali_0-1744258873612.png
Mustafa_Ali_0-1744258873612.png191×400 6.97 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

4

Hey @undercoverfresh ,

I hope you’re doing well!

  1. From your Shopify Admin go to online store > themes > … > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

Best,
Diego