arogersdev

That fixed it, thanks!

Yes, it was set to 1/1/15. Is there a way to set it to the current day?

I see. How much would it cost to get that?

I can’t figure out how to pull the swatch from the database since it’s a very complex back-end.

Well, that was it. I was calling the header menu with a typo and it defaulted to the footer menu. Once that was fixed it was able to differentiate between the two and I was able to add the classes to the bottom.

If anyone else has this issue I also used jQuery to apply the class to the list items in the footer.

//Add class to footer li
$( '#menu-footer-menu-1 li' ).addClass( 'col-xs-6' );

Yes, I have the duplicate menu. I have a Primary Menu and a Footer Menu.
Link to see here: https://i.imgur.com/TgBkw5f.png

Like I said, I have never had this issue before. I could always go into the back-end to try and code it but I am trying to add the class to each list-item.

I am going into my Dashboard > Appearance > Menus
Then I click on the pages under the Menu Structure and add the CSS class via the input box.

See, I thought that would be the case too but the way the calendar applies to background color is not confining within the abilities of jQuery.

This is the code I am trying to use and it isn’t applying the swatch:

// Event Change Color Based On Swatch
		$( ".ai1ec-load-view" ).addClass( "ai1ec-color-swatch" );

Link to site

Both the header and footer are built with list items and I am trying to apply the class to the list item. I have never had this issue before and I have been able to apply classes to nav items. I’m wondering why it’s applying it to the header and the footer instead of the menu I am applying it specifically to.

Is this even possible? I’ve continued my research but I still can’t find anyone else who has done this.