Change Shopisle Menu Colors on Mobile

In case you don't have a CSS plugin, we advise you install Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor add the following code to the mobile CSS area:

The main navbar background itself could be changed in Appearance->Customize->Colors:

To change the toggle menu bar colors add the following code to the Phone CSS area:

.navbar-toggle .icon-bar{
background: #000 !important;
}

This will change the toggle bars to black.

To change the drop menu (which drops down with the menu items) background color add the following code to the Phone CSS area:

.navbar-fixed-top .navbar-collapse{
background: #ff0000 !important;   
}

To change the menu items color, add the following code to the Phone CSS area:

.navbar-custom .nav li > a{
color: #000 !important;
}

To change the submenu items color, add the following code to the Phone CSS area:

.navbar-custom .sub-menu > li > a{
color: #000 !important;
}

That's it! Save your changes and you're done.

You could find the Hex color code for a color of your choice from here: http://www.hexcolortool.com/