In this tutorial I will show you how you can easily customize the Shopify Dawn Theme header's dropdown menu and mega menu. First I will change the styles (color and size) for the dropdown menu and mega menu. Then I will show you how to apply a cool animation to the menu. I will also show you how to change styles for the drawer menu for mobile devices.
✅ FREE Shopify Trial ( + $1/Month) https://shopify.pxf.io/4Pbrk3
Timestamps
00:00 Intro
00:40 Change font size and color for main dropdown menu
1:43 Separate styles/CSS for hover and active menu link
5:00 Color value and variable
6:12 Change font size and color for mobile drawer menu
7:37 Add animation to the dropdown menu
9:42 Change font size and color for mega menu
12:20 Add CSS for mega menu links animation
13:31 Review menu customizations
Code used in the video:
https://docs.google.com/document/d/1F...
If you are interested in other Dawn Theme customizations, here is a playlist:
• Shopify Dawn Theme Videos - Customizations...
Shopify is one of the leading ecommerce platforms for online stores and point of sale systems.
It is easy to use and you can be up and running in no time.
If you have not signed up already go to www.shopify.com to get started.