/*brands links*/ * { padding: 0; margin: 0; } *, :after, :before { box-sizing: border-box; } .nav-global { background-color: #f0f0f0; display: none; padding: 0 1rem; } ul { display: flex; font-size: .8125rem; margin: 0; padding: 0; height: 100%; } li { list-style: none; position: relative; margin: 0 .75rem; } li:first-child { margin-left: 0; } li:last-child { margin-right: 0; } li a { display: flex; align-items: center; padding: 1rem 0; text-decoration: none; color: #474747; } li a:hover:after, li:hover>a:after { content: ""; border-bottom: 3px solid #80c343; position: absolute; left: 0; bottom: 0; min-width: 100%; z-index: 1; } @media (min-width: 900px) { .nav-global { display: flex; justify-content: space-between; align-items: center; } ul { font-size: .875rem; } } button { border-radius: 0 !important; }

Design

/*brands links*/ * { padding: 0; margin: 0; } *, :after, :before { box-sizing: border-box; } .nav-global { background-color: #f0f0f0; display: none; padding: 0 1rem; } ul { display: flex; font-size: .8125rem; margin: 0; padding: 0; height: 100%; } li { list-style: none; position: relative; margin: 0 .75rem; } li:first-child { margin-left: 0; } li:last-child { margin-right: 0; } li a { display: flex; align-items: center; padding: 1rem 0; text-decoration: none; color: #474747; } li a:hover:after, li:hover>a:after { content: ""; border-bottom: 3px solid #80c343; position: absolute; left: 0; bottom: 0; min-width: 100%; z-index: 1; } @media (min-width: 900px) { .nav-global { display: flex; justify-content: space-between; align-items: center; } ul { font-size: .875rem; } } button { border-radius: 0 !important; }

Design

Discussion List