Change Shopisle Menu Colors on Mobile

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

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:

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/

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us