# easy-elements/1.3.0/widgets/single-nav/css/single-nav.css

Easy Elements for Elementor – Addons & Website Templates, version 1.3.0. 75 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.3.0/code/widgets/single-nav/css/single-nav.css
- Raw: https://pluginprobe.com/plugins/easy-elements/1.3.0/raw/widgets/single-nav/css/single-nav.css
- Modified: 2026-01-11T12:20:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.3.0/code/widgets/single-nav/css/single-nav.css#L10-L20`.

```css
.eel-single-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.eel-single-nav-list .eel-nav-item {
  margin: 4px;
}

.eel-single-nav-list li a {
  text-decoration: none;
  color: #121212;
  padding: 12px 20px;
  display: block;
}

.eel-single-nav-list li:hover a,
.eel-single-nav-list li.active a {
  color: #c30645;
}

.eel-sticky-header-on.eel--fixed-top-sticky .eel-sticky-logo,
.eel-sticky-header-on.eel-up-scroll .eel-sticky-logo {
  display: inline-block !important;
}
.eel-sticky-header-on.eel--fixed-top-sticky .eel-main-logo:not(.eel-no-sticky),
.eel-sticky-header-on.eel-up-scroll .eel-main-logo:not(.eel-no-sticky) {
  display: none !important;
}

@media (min-width: 992px) {
  body.logged-in:not(.elementor-editor-active) header.eel-sticky-header-on {
    top: 32px;
  }
}
header.eel-sticky-header-on {
  position: fixed !important;
  top: 0;
  z-index: 9999 !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  margin: 0 auto;
  left: 0;
  right: 0;
  will-change: transform, top;
}

header.eel-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: transform 0.4s ease, top 0.4s ease;
}

body.admin-bar header.eel-sticky-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header.eel-sticky-header {
    top: 46px;
  }
}
header.eel-down-scroll {
  transform: translateY(-100%);
}

header.eel-up-scroll {
  transform: translateY(0);
}
```