Looking for guidance on this. I have used the following code to eliminate the underlines in my navigation and instead differentiate between active/inactive pages by color:
/* Remove underlines from nav items */
.header-nav-item--active a {
background-image: none !important;
}
/* Nav item color, not active */
.header-nav-item a {
color: #a3a3a3 !important;
}
/* Nav item color, on hover*/
.header-nav-item>a:hover {
color: white !important;
}
.header-nav-folder-item:hover a {
color: white !important;
}
/* Nav item active color */
.header-nav-item--active a {
color: white !important;
}
This succeeds in achieving the desired effect, but it has an unintended consequence whereby any time I edit pages, I lose the cover images in the portfolio homepage. Anyone know based on this code why that side effect is happening?