Create your own Design System with WorkWithPlus - Part 5

In this part, we will focus on customizing the application menu. Define and customize the following classes:

Class slimmenu.MegaMenu LI A


Class slimmenu.MegaMenu>A


Tip: you can use Google Chrome Developer's Tools in order to inspect Levi's site and visualize the CSS properties applied. For example, we have created the slimmenu.MegaMenu>A class by copying its properties from the following class:


Run the application to visualize the changes at runtime:


You can download the xpz for this part from: Part 5