Ability to change color of main menu bar on Itasca theme

Instead of only having the almost black, transparent main menu bar on Itasca, clients should be able to change the color to better brand and design their website.

  • Jonah Steinmeyer
  • Dec 14 2015
Frequency Daily
Which sport(s) does this apply to: Not Sport Specific
Organization type Other
  • Attach files
  • Robert Bedeaux commented
    March 13, 2016 23:57

    Hi Jonah, I'm not exactly sure what you are looking for. Can you either provide a screenshot calling out the change or some additional detail? thanks!

  • Alec Kinsky commented
    March 14, 2016 19:27

    I understand you can change the color of the Primary Color to affect the "1st" bar on top, but the "2nd" bar, the main nav, is default to a transparent black. Is there a way to change the color there to red, green, white, etc? And then change the font color of the main nav?

  • Matthew Fromm commented
    April 09, 2016 05:05

    If anyone is interested, this is possible to do if you want to use a little workaround.  You have to add a little css code to the "Edit <HEAD> Code" on each top level page though. Take a look at one of my sites, to see the result.

    I added the following code to "Cascading <HEAD> Code" to change it:


    #topNav .theme-main-nav{
    background: #20713a;
    background: -moz-linear-gradient(top, #20713a 0%, #020603 100%);
    background: -webkit-linear-gradient(top, #20713a 0%,#020603 100%);
    background: linear-gradient(to bottom, #20713a 0%,#020603 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20713a', endColorstr='#020603',GradientType=0 );
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,50);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,50);