{"id":76526,"date":"2016-09-30T09:51:52","date_gmt":"2016-09-30T13:51:52","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76526"},"modified":"2016-12-02T09:12:57","modified_gmt":"2016-12-02T14:12:57","slug":"shopify-change-mobile-menu-title","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-change-mobile-menu-title.html","title":{"rendered":"Shopify. How to change mobile menu title"},"content":{"rendered":"<p>This tutorial provides an explanation on how to change <strong>mobile menu title<\/strong> in <a href=\"https:\/\/www.templatemonster.com\/shopify-themes.php\" target=\"_blank\" title=\"Shopify Templates\">Shopify themes<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/AoJfJPvZxh4\"><\/iframe>\r\n<\/div>\r\n<p>\r\n\tFor instance, the mobile menu title looks like this on your website:\r\n<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_1-289x300.jpg\" alt=\"shopify_how_to_change_mobile_menu_title_1\" width=\"289\" height=\"300\" class=\"alignnone size-medium wp-image-76528\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_1-289x300.jpg 289w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_1-144x150.jpg 144w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_1.jpg 598w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/a>\r\n<p>\r\n\tLets learn how to change it.\r\n<\/p>\r\n\r\n<ol>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tLog into your Shopify admin panel and navigate to the <strong>Online Store -> Preferences<\/strong> section.\r\n\t\t\tLocate the <strong>Homepage title<\/strong> field in the <strong>Title and meta description<\/strong> area\r\n\t\t\t(in our case, the title is &#8220;Welcome to our store&#8221;).\r\n\t\t<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tChange the title in the input field and press the <strong>Save<\/strong> button at the top. \r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2-300x131.jpg\" alt=\"shopify_how_to_change_mobile_menu_title_2\" width=\"300\" height=\"131\" class=\"alignnone size-medium wp-image-76529\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2-300x131.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2-150x66.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2-768x335.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2-1024x447.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_2.jpg 1250w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tRefresh your website to see the changes.\r\n\t\t<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n<p>\r\n\tIf you need to set your custom mobile menu title, you need to edit the source code.\r\n\tIn order to do this, you should perform the following steps:\r\n<\/p>\r\n\r\n<ol>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tLog into your Shopify admin panel and navigate to the <strong>Online Store -> Themes -> Edit HTML\/CSS<\/strong> section.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3-300x150.jpg\" alt=\"shopify_how_to_change_mobile_menu_title_3\" width=\"300\" height=\"150\" class=\"alignnone size-medium wp-image-76530\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3-300x150.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3-768x385.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3-1024x514.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_3.jpg 1252w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tOpen the <strong>widget-megamenu.liquid<\/strong> file in the <strong>Snippets<\/strong> folder.\r\n\t\t<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tSearch for the &#8220;megamenu_mobile&#8221; instance in the file and locate the following piece of code (line 123 approximately):\r\n\t\t<\/p>\r\n\t\t\r\n\t\t<pre>&lt;h2&gt;{{ page_title }}&lt;i&gt;&lt;\/i&gt;&lt;\/h2&gt;<\/pre>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4-300x152.jpg\" alt=\"shopify_how_to_change_mobile_menu_title_4\" width=\"300\" height=\"152\" class=\"alignnone size-medium wp-image-76531\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4-300x152.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4-768x388.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4-1024x518.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_4.jpg 1252w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tYou can change the menu title in this code to the preferred one, for example:\r\n\t\t<\/p>\r\n\t\t\r\n\t\t<pre>&lt;h2&gt;New Title&lt;i&gt;&lt;\/i&gt;&lt;\/h2&gt;<\/pre>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tPress the <strong>Save<\/strong> button at the top to save your modifications. \r\n\t\t<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tRefresh your website to see the changes.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_5-288x300.jpg\" alt=\"shopify_how_to_change_mobile_menu_title_5\" width=\"288\" height=\"300\" class=\"alignnone size-medium wp-image-76527\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_5-288x300.jpg 288w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_5-144x150.jpg 144w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/shopify_how_to_change_mobile_menu_title_5.jpg 596w\" sizes=\"(max-width: 288px) 100vw, 288px\" \/><\/a>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n<p>Now you know how to change <strong>mobile menu title<\/strong> in Shopify.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=AoJfJPvZxh4?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change mobile menu title<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial provides an explanation on how to change <strong>mobile menu title<\/strong> in Shopify.<\/p>\n","protected":false},"author":95,"featured_media":76532,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[571,981,1427,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76526"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/95"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76526"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76526\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76532"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}