On line 900 of your stylesheet is this code:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

You can add the following to the bottom of the block:

display: none;

It will then look like this:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}

You could add this code either in your customizer or in your stylesheet. (Of course, if you want to keep your breadcrumbs, you could omit .breadcrumbs from the above.)

LMK if questions.

Would you be able to help me out with the secondary navigation line (math/language arts/social studies)? I was able to manipulate the main navigation to change the color of the divider line that separates the links and change the hover color. But I can’t figure out how to change it on the secondary navigation line.

Thank you.

Saranee

I’ll take a look at it tomorrow morning for you.

Till then…

On line 12 of blue.css is this code:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #1b4266;
}

If you change #1b4266 to #6ea8eb, you’ll get this, which will blend the borders into the background:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #6ea8eb;
}

Now, for the secondary hover menu issue. It appears that you have the following somewhere in your custom css:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737;
}

Of all of these, only background: -webkit-linear-gradient(#e4eff7, #e4eff7); is active when I inspect element. In your customizer, you could enter something like the following, changing the gradient background and font color as desired:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737 !important;
}

I normally don’t advocate using !important too frequently, but this might get you started until you can integrate this code into your child theme stylesheet without it being overriden somewhere else and without using !important. (It’s a bit eyewatering to do this all via Inspect Element without being able to access the stylesheet(s) directly!).

LMK if this helps.

Thanks
Saranee