Aláhúzott menüpontok Divi-ben

Marci

2012 óta foglalkozom online marketinggel. Igyekszem képben lenni minden területtel, ami a munkámhoz szükséges.

21 máj, 2021

 Aláhúzott menüpontok Divi-ben

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;
}
Vissza ebbe a kategóriába: weboldal