How to display collections in mobile menu?

[shells]

Hi all,

I am wondering how can I display my collections under NEWBORN, whether its hovering or clicking it? I just want my customers to be able to see the collections under it first before they select the options. 

Thank you!

My website is www.feyrebaby.com.au and it is live already. 

[Hilary · Accepted solution]

Hi, @shells! 

Hilary here from Shopify. The best way to display your collections under your menu item "Newborn" on your store is by adding a drop-down menu. This menu will be displayed on both the desktop, and mobile versions of your store. Here are the steps: 

1. Log in to your Shopify admin, and go to Online store > Navigation
2. Click the name of your main menu.
3. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.
   For example: Menu name: Australiana, Link: Collections > Australiana Collection
4. Click and drag the new menu item to nest below the header item. If you're having trouble nesting the menu item, follow our help document here. 
   In this example, you will click and drag Australiana below Newborn.
5. Now that you've nested the first menu item, you can click Add menu item to Newborn, enter the name of the menu item, and enter or select a destination for the link.
   
6. Repeat Step 5 until all menu items have been added to the drop-down. 
7. Click Save menu.

Below is a screenshot of what it could look like once the menu items have been added: 

I noticed you created an About Us page linked in the footer of your website, great work! Have you considered adding it to your main menu? Your About Us page is valuable to communicate the story of your brand, build trust, and help persuade your customers as to why they should buy from you. We have a helpful document on Writing an About Us page if you want to learn more. I recommend adding it to your main menu so customers can easily locate this page. The steps to add this menu item are very similar to the above process, there is just no need to nest the menu item. I'll pass on our help document on adding menu items, just in case. 

Let me know how this goes! 

[shells]

@Hilary Thank you so much!! It worked. 

I have another question about fonts not coming through on other people's computers. I can see the font perfectly fine on mine and it's how I want my website to look but when people visit my website they see everything in Times New Roman. I've been struggling to fix this. Can you help me with it?

my website is: www.feyrebaby.com.au

[Hilary]

Happy to help! I can see the drop-down on your website now, nice work. 

As for your font not displaying correctly, I am seeing Josefin Serif on my computer here. What device and browser are your customers using when they see the font in Times New Roman? Also, which theme you are using? 

Josefin Serif is a font that must be downloaded onto a visitor’s computer before it is displayed. Therefore, it can cause slower load times. Times New Roman is often used as a default back up font when the desired font can't be downloaded. Perhaps, if your website is taking too long to load, it is reverting to a default font on some devices or browsers. 

To avoid downloading a new font to your customer's computer, one solution is to use a system font. A system font is a font that is already installed on most computers, which decreases the likelihood of any loading issues or back-up fonts being used. There is more about this on our Help Center under Fonts. 

You can also look at your Online store speed report to see what speed your store is loading at. If it is quite slow, I recommend running through any suggestions that are displayed in the speed test, as well as our help document Improving your online store speed to see if you can improve it. This may help with your font loading on users' devices. Please share your results from this if you are still having issues. 

Once I have more information, we can look into this further as well.