Dodaj niesamowite efekty do swojego menu aby wyróżniło się od standardowych wyglądów menu na innych stronach

Zobacz poradnik

#top-menu li a.dropdown-item[data-depth="0"] {
    color: #0000ff;
}

#top-menu li a.dropdown-item {
    color: #0000ff;
}

#top-menu .dropdown-item[data-depth="0"] {
    position: relative;
}

#top-menu .dropdown-item[data-depth="0"]::before {
    position: absolute;
    content: '';
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 3px;
    background: #0000ff;
    transition: width .3s linear;
}

#top-menu .dropdown-item[data-depth="0"]:hover::before {
    width: 100%;
}