If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Shopify. How to change mobile menu title

This tutorial provides an explanation on how to change mobile menu title in Shopify themes.

For instance, the mobile menu title looks like this on your website:

shopify_how_to_change_mobile_menu_title_1

Lets learn how to change it.

  1. Log into your Shopify admin panel and navigate to the Online Store -> Preferences section.
    Locate the Homepage title field in the Title and meta description area
    (in our case, the title is “Welcome to our store”).

  2. Change the title in the input field and press the Save button at the top.

    shopify_how_to_change_mobile_menu_title_2

  3. Refresh your website to see the changes.

If you need to set your custom mobile menu title, you need to edit the source code.
In order to do this, you should perform the following steps:

  1. Log into your Shopify admin panel and navigate to the Online Store -> Themes -> Edit HTML/CSS section.

    shopify_how_to_change_mobile_menu_title_3

  2. Open the widget-megamenu.liquid file in the Snippets folder.

  3. Search for the “megamenu_mobile” instance in the file and locate the following piece of code (line 123 approximately):

    <h2>{{ page_title }}<i></i></h2>

    shopify_how_to_change_mobile_menu_title_4

  4. You can change the menu title in this code to the preferred one, for example:

    <h2>New Title<i></i></h2>
  5. Press the Save button at the top to save your modifications.

  6. Refresh your website to see the changes.

    shopify_how_to_change_mobile_menu_title_5

Now you know how to change mobile menu title in Shopify.

Feel free to check the detailed video tutorial below:

Shopify. How to change mobile menu title