#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

close shopify toolbar

Published on: July 7 2023 by pipiads

Welcome to the Five Minutes Lab Tutorial, a blog from Outside Grid that shares solutions for self-taught entrepreneurs and developers. In this video, we will show you how to convert the horizontal toolbar to the sidebar in the Shopify Dawn team.

- Solution for converting the horizontal toolbar to the sidebar in the Shopify Dawn team


- Separate the sort from the filter menu

- Reduce the size of the collection list to have space for the sidebar

- Convert the filter orientation from row to column

- Limit the size of the filter test


1. Duplicate the theme to avoid losing anything in the original website

2. Open the preview to follow up the changes

3. Click on Edit Code and go to the folder Assets

4. Click on the file template collections css and base dot css

5. Make the necessary changes to the selectors according to the code in our blog

6. Preview the output in the website and test if it is working properly

- The filter and search menu are now in the sidebar, and the start menu is separate from the collections

- Visit our website and blog for more solutions and tutorials

- Comment or send us feedback on topics you would like us to explore

We hope this tutorial was useful to you. If so, please click the like button and stay tuned for more tutorials on this YouTube channel. Thank you for watching!

How To Easily Set up Shopify Pages and Toolbars

Setting up Pages and Navigation on Your E-Commerce Site

In this article, we will discuss how to set up regular pages on your e-commerce website, including the About Us and Contact Us pages. We will also cover how to create navigation or toolbars to help customers find and purchase products more easily.

Setting Up Regular Pages:

1. To add a regular page, click on Pages on the left side of your website and then click Add Page.

2. Pay attention to the title and add pictures and descriptions as needed.

3. To edit images, click on the image and add alt text and other SEO tips.

4. Aim to write at least 300 words on each page.

5. Encourage linking to other pages in your website to improve SEO.

Creating Navigation/Toolbars:

1. Click on Navigation on the left side of your website.

2. Start with a main menu and a footer menu.

3. Include options such as Home, About Us, Contact Us, and Help/Shop for Products.

4. Use drop-down menus to categorize products or brands.

5. Reorder menu items by dragging them as needed.

Setting up regular pages and navigation/toolbars is crucial for improving the user experience on your e-commerce site. By following these steps, you can make it easier for customers to find and purchase products, ultimately boosting sales.

How to Add, Remove an Edit Menu Items in Shopify

In this video, Janelle McClarty, the owner of Encore Websites, shows viewers how to add, remove, and edit menu items on their Shopify websites. Janelle demonstrates the difference between the header menu and the footer menu and explains how important it is to have important links in the footer area. She then guides viewers through the process of adding a new menu item to the footer menu and rearranging the order of the menu items. Janelle also explains that it's possible to link menu items to external URLs. Finally, she offers to answer any questions viewers may have and teases an upcoming video on editing menu items on WordPress websites. By the end of the video, viewers should feel confident in their ability to manage their Shopify website's menus.

How to edit menu items || Shopify Help Center

In this article, we will discuss main menus and footer menus for online stores. We will cover what they are, what they should include, and how to edit them to fit your business.

Main Menu:

A main menu is a group of clickable links that help customers navigate through your store's main pages and collections. The placement and style of your menu is determined by your store's theme. A good main menu makes it easy for customers to browse and find what they're looking for. Some menu items you might want to include are product collections, about us page, and blog page. Consider breaking up your products into multiple menu items for easier browsing.

Footer Menu:

Footer menus appear at the bottom of your online store and have menu items that link to information about your business. Frequently asked questions, shipping and refund policies, and contact information are great to have in your footer menu.

Editing Your Menu:

To add a new menu item, go to the Shopify admin, click Online Store, then Navigation. From the Menus section, click Main menu or Footer menu. Add the name for your menu item and select the pre-existing page or collection you want the menu item to link to. You can also create sub-categories in your menus using drop-down menu items. To edit menu items, click the Edit button next to the menu item, rename it, and click Apply Changes. You can change the order of your menu items by clicking and dragging the six-dot icon next to the menu item name. To delete a menu item, click the Delete button next to it and then click Remove from the pop-up window.

Menus are an important tool for online stores to help customers navigate through their website. A well-designed main menu and footer menu can increase customer satisfaction and improve sales. Use the tips in this article to create and edit your menus to fit your business needs.

#14 - How to set up "Sticky Navigation Toolbar" in Ella - Multipurpose Shopify Theme OS 2.0?

In this article, we will be discussing how to set up a sticky toolbar on mobile using Shopify admin. We will walk you through the steps to enable the toolbar, add hyperlinks, and explore different block options.

Setting up Sticky Toolbar on Mobile:

1. From your Shopify admin, go to online store and click themes on the left side.

2. Find the theme that you want to edit and click customize.

3. In the theme editor, scroll down to the bottom and choose the sticky toolbar mobile settings below footer.

4. Tick the enable box and save to apply the change.

5. The sticky toolbar should appear on the mobile view.

Adding Hyperlinks:

1. In the theme editor, add the hyperlinks blog paste your CVG code in.

2. Fill in the text and link for the option.

3. An icon will appear that leads to another page.

Exploring Different Block Options:

1. Try out another block called blocked content.

2. Fill in the icon text and the content to show when clicked.

3. Sticky mobile also has ADD action block that opens cart search or account sidebar.

In conclusion, setting up a sticky toolbar on mobile is easy and can be done in a few simple steps. You can also customize the toolbar by adding hyperlinks and exploring different block options. With a little effort, you can create a professional and user-friendly mobile website that engages your audience.

How to Delete a Shopify Store | Shopify Tutorial for Beginners | ShopiDevs

In this tutorial, you will learn how to delete a Shopify store. Before closing your Shopify store, there are a few things you need to consider. Here are some tips:

- Collect all essential information from the store, including product information, customer data, and billing history. You can easily export a CSV file from the store and use the information later.

- Transfer your custom domain if you have purchased it from Shopify.

- Make sure you have paid all the bills, and unsubscribe from any paid third-party apps.

Once you have completed these steps, you are ready to delete your Shopify store. Here's how to do it:

1. Log in to your Shopify store.

2. Go to Settings and then Plan.

3. Click on Pause or Deactivate Store.

4. Click on Deactivate Store again.

5. Choose a reason for closing your store, or provide your own reason.

6. Enter your password and click on Close Store.

After closing your store, you will not be able to access it anymore. However, your store information will remain for two years, and if you change your mind later, you can reopen your store and continue your business on Shopify.

In conclusion, deleting a Shopify store can be a straightforward process if you follow the steps mentioned above. Remember to consider all the important factors before closing your store, and make sure you have collected all the essential information. Thank you for watching, and don't forget to subscribe to our channel for more Shopify tips and tutorials.

Shopify Tutorial: Multi Level Drop Menu Tutorial Guide Filter Menu (2022)

Hey guys, welcome to this video where I will guide you on how to set up a multi-level drop-down menu in your Shopify store. This guide is applicable to all Shopify themes, so don't worry if your theme looks a bit different from what I'm showing you in this video.

In this article, we will go through the steps of creating a double layer and multi-layer drop-down menu for your Shopify store. We will also show you how to filter your collections in the main menu to show specific products with certain tags.


1. Creating a Double Layer Drop-Down Menu:

- Go to the online store and click on Navigation.

- Click on Add Menu and give it a name.

- Select a link, such as the Home page.

- Add menu items by clicking on Add Menu Item.

- Select a product or collection to add to the menu.

- Drag and drop the menu items to create a double layer drop-down menu.

2. Creating a Multi-Layer Drop-Down Menu:

- Follow the same steps as the double layer menu.

- Drag and drop a menu item under another item to create a multi-layer menu.

3. Filtering Collections in the Main Menu:

- Add a collection to the main menu.

- Click on the Filter based on tag option.

- Enter a specific tag to filter the collection to show only products with that tag.

By following these steps, you can easily create a double layer and multi-layer drop-down menu for your Shopify store. You can also filter your collections in the main menu to show specific products with certain tags. Don't forget to check out our website for more documentation on these features. Thank you for watching, and we hope this was helpful for you!

Start your free trial today!

Try Pipiads free for trial, no credit card required. By entering your email,
You will be taken to the signup page.