To style the menu, we need to define the markup first. Let's write a small HTML file, index.html
, where we will define a classic two-level menu structure using li
and ul
items. Next, we'll add some basic CSS before moving to the central part of the chapter.
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title> Omnimenu: good for desktop, good for mobile </title> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.7.3/build/cssreset/ cssreset-min.css" data-noprefix> <link rel="stylesheet" type="text/css" href="css/application.css"> <script src="js/prefixfree.js"></script> </head> <body> <nav> <ul> <li data-section="about-me"> <a href="#" class="item"> About me </a> <ul> <li><a href="#" class="item">Early years<...