Hi guys, hope you’re all having fun designing in Sparkle.
I thought that I would introduce this tip, and I think it will help those of you that are new to Sparkle or have not ventured into designing a mobile nav menu yet.
If you have many pages on your website, then creating a mobile nav menu that is functional / clean / and works well can be quite challenging.
Sparkle has a way of helping you build out a mobile nav menu when your website has many pages!
What you need to do is think about is how are you able to organise all those pages so that they are manageable!
In Sparkle you can create ‘Sections’ and each section will be the top navigation menu for your website.
Lets say we are building a Music Store. We could create three sections:
Each SECTION would then contain the relevant pages:
1. Products section will contain:
Monitors - Mixing Desks - Microphones - Guitars - Keyboards
2. Books section will contain:
Mixing - Recording - Business - Song Writing
3. Support section will contain:
Technical - Account - Website
So by doing this, it keeps the website well organised and also a mobile navigation menu that works!
You can do a surprising amount of custom design so that the Sections Top Nav menu stand out, and another custom design for the sub pages of each section etc.
Have a look at this example I created to demonstrate the above using SECTIONS.
Hope you find this useful,