4 Steps to Change the Display Order of Menu Items on Shopify

Just by some really simple and easy steps, you can change the display order so that your menu items list can look more appearing. After creating a menu item, you can see its display order on the Navigation page. The menu items are displayed in the listed order and sometimes, you might want to change it in order to make your menu items easier for the customers to use.

Today, I will show you How to change the display order of menu items on Desktop, iPhone, and Android.

Related Posts:

How to change the display order of menu items

Step 1: Go to Navigation

After logging in as the Shopify admin, find the Online Store option in the column on the right side of your page. Click on it to see the list of further options pops up and click to choose Navigation.

Change display order

Step 2: Choose menu

In the Navigation page, you will see the list of the menus that you already created. Choose the menu that you want to change its display order by clicking on its title.

Change display order1

Step 3: Change the display order

In the menu item’s details page, find the Menu items section which displays the items list. Right next to each menu item’s title, on its left side, you can see a six-dot icon which helps you reorder the menu item. All you have to do is just click on the icon and drag the menu item into the right position that you want.

Change display order2

Step 4: Save menu

The only work left is clicking on Save menu so that you can confirm your changes. Find the button on the upper right of your page, or in your page’s bottom right.

Change display order3

To change the display order of menu items on iPhone (Click here)

  • Step 1: Go to Store

After logging in to your Shopify account in your Shopify app, find the Store button and tap on it for further options.

  • Step 2: Enter Online Store

In your Store page, scroll down until you find the Sale channels section. Under the section, tap to choose Online Store so that you could be directed to the next page.

  • Step 3: Tap Navigation

Upon entering the Online Store page, tap Navigation to find the options about your wanted action.

  • Step 4: Tap on menu

The Navigation page will show you list of menus that you already have. Tap on the title of the menu that you want to make a change on it.

  • Step 5: Drag menu item

By tapping on the title of the chosen menu, you will be led to the menu’s details page. In the Menu items section on the page, you will get to see menu items right under it, with a handle icon right beside. After tapping and holding that icon, drag the menu item into the right order.

  • Step 6: Save changes

When you are done, tap on Save menu and your actions are saved.

To change the display order of menu items on Android (Click here)

  • Step 1: Tap Store

Enter the Shopify app from your smartphone or tablet after logging in. In the bottom right of your screen, you will see the Store option. Tap on it for more options.

Change display order4

  • Step 2: Go to your Online Store

After tapping Store, you will be directed to the Store page. Scroll down to the Sales channels section which includes the Online Store option right under it. Tap on the Online Store button.

Change display order5

  • Step 3: The Navigation page

In the Online Store thread, scroll down until the Navigation option pops up. By tapping on it, you will be directed to the Navigation page which helps you to access to further steps of your wanted actions.

Change display order6

  • Step 4: Menu chosing

Every menu that you have are all displayed in the Navigation page. Tap on the menu’s name that contains the menu items that you want to rearrange.

Change display order7

  • Step 5: Handle the menus

Tapping on the menu’s name means you will enter the menu’s details page. The page includes the Menu items section which contains your menu items. Right on the left of the menu items’ names are some handle icons which will help you in reordering the menu items’ position. Just by tapping, holding and dragging the menu items into the right order, you have finished rearranging your menu items.

Change display order8

  • Step 6: Wrap up

Tap on the Save menu button on the top of your screen, and your changes are saved.

Change display order9

Conclusion

Above are some steps I prepared for you so that you can How to change the display order of menu items on Shopify. I hope you will have no problem catching up with those simple, easy steps.

Google Tag Manager for Enchanced eCommerce and improved Shopify performence store

Get it FREE

Selling Online

Find Shopify stores on Google Add Google Product Category in Shopify? How to Connect Pinterest to Shopify Best Shopify SEO Courses for beginners to learn Shopify SEO Manager Review How does Shopify Work with Amazon Deal with high-risk orders on Shopify Shopify Product Tags SEO Spy one Shopify Stores Where to find Shopify SEO help? How to Optimize your Shopify Blog for SEO? Optimize your Shopify homepage SEO What happens if you close your Shopify Store? Best Shopify SEO services 11 Shopify SEO Problems and how to Fix them Adding Meta Info for SEO in Shopify Shopify SEO Guide Automate your Shopify Store Shopify SEO Review Why is SEO Important for Shopify Stores SEO Collection pages on Shopify Is Shopify Good for SEO? How to SEO Images in Shopify Best Free SEO Tools & Apps for Your Shopify Store Optimization Add Instagram The Sale Channel to Shopify 10+ Best SEO Tips for your Shopify Store Choose Shopify SEO Experts Selling T-shirts on Shopify Find best sellers on Shopify Place Test Order by Simulating Transaction Unpublish Blog Posts in Bulk Invite Customers to Subscribe to Blog Upload Background Image for Banner Set Customer Account Preferences Edit Checkout Form Options Change or Remove an Image from Checkout Page Change Font on Checkout Page Change Color of the Form Fields Change Button and Accent Colors on the Checkout Page Add Logo to Checkout Page Add Background Image or Color to the Order Summary Add Background Image or Color to the Main Content Area Delete Order Notification Disable Shipping Update Notification Disable Shipping Confirmation Notification Disable Order Refund Notification Edit Search Engine Listing for Blog Post Display Excerpt from Blog Post Add Tags to Blog Post Disable Order Canceled Notification

Comments for Change the Display Order of Menu Items



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up