A menüpontok formázása, különféle kiemelése azért fontos, hogy a felhasználó egy pillanat alatt felismerje, hogy épp melyik menüponton belül böngészik, valamint könnyedén tudjon navigálni az egyes oldalak között. Az aláhúzott menüpont király megoldás, ha szeretnéd kicsit kiemelni az aktív menüt.
#top-menu .current-menu-item a::before { -webkit-transform: translateY(18px); transform: translateY(18px); opacity: 1.0; } #top-menu li a:hover:before { -webkit-transform: translateY(18px); transform: translateY(18px); opacity: 1; } #top-menu li a:before { content: ''; position: absolute; top: 10px; left: 0; background: #404040; /* Change your color here */ width: 100%; height: 2px; -webkit-transform: translateY(24px); transform: translateY(24px); opacity: 0; transition: 0.3s ease; }