Change CSS of nav in Atmosphere Pro ?

[imani.beauford]

Hi folks,

I bought Atmosphere for its simplicity, but it turns out my client needs more options for the navigation. I ended up making gradual tweaks to the jQuery and CSS to reposition the footer nav under the header, rename it secondary-nav, and make its links visible on mobile / smaller screen sizes.

Here is the page in question: http://voicestestsite.tk/schools/voices-franklin-mckinley/. Please excuse the horribly low-res photo; I'm awaiting finals from the photographer!

What I can't figure out for the life of me is how to change the secondary nav background from transparent to white, and how to make it push the elements of the page (I thought float and clear would accomplish this, but no luck). I'm fairly new to coding at this level and am feeling a little out of my depths, so any help is appreciated!

Imani

http://voicestestsite.tk/schools/voices-franklin-mckinley/

[Tom]

Hi
Good job so far!. For the secondary menu, at line 1351 of the Atmosphere style sheet, delete the background colour property.

 
.nav-secondary {
	margin-top: 0px;
	width: 100%;
	text-align: center;
	/* background-color: rgba(58, 36, 107, 0.05); */
	height: 80px;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[imani.beauford]

Thanks for offering advice, Tom! Unfortunately that's not fixing it for me. To clarify: I need the secondary nav that shows up on mobile devices (that drops down from the hamburger menu) to be white, not transparent. I can't even figure out where to edit the css property for the mobile-specific menu. Or is this a mistake I made with the js file?

[Author]

Posts