Hi folks,
Just an update. I figured some of this out just by inspecting the webpage to determine where to modify some of the CSS elements. I put the following into custom CSS:
.header-nav-item a:hover {
color: rgb(111,111,111) !important;
}
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
left: -1em;
right: auto;
text-align: left;
min-width: 50px;
background-color: rgba(155, 155, 155,0.5);
}
I think there is some importance to having [right: whatever] and [left: whatever] with an auto variable congruent with which the OPPOSITE side you want your text aligned to. In my case, I set the right as auto so I could adjust how far left the alignment is.
Correct me if I'm wrong, I'm new to CSS as of today.
This managed to accomplish all but:
The currently viewed page having shaded text in the navigation
Adding the semi-transparent background of the dropdown menu to overarching category (IE: About or Expeditions)
Still seeking input on these items!
Thanks