Guide: Change Navigation Colors on Fullscreen Cover

Last Updated: Jul 17, 2017
Note: These 'hacks' are done at your own risk and we are not able to provide support for them. Please do not use these unless you have some level of comfort with coding.

This will work if you're using an SVG logo and you want to have the colors on your Fullscreen Cover be different from what they are further down the page

1. Go to Customize > Navigations > Edit (on the Navigation you want to use)
2. Enable the option 'Transparent While In Cover'
3. Use the code below to customize the color for the logo and navigation while ON the fullscreen cover.
/* SVG Fill Color on Cover */
.cover-transparent .logo a svg { fill: blue !important; }
/* Menu Item Color on Cover */
.semplice-navbar.cover-transparent .menu-item a span { color: blue !important; }
/* Hamburger and X Color on Cover */
.cover-transparent .navbar-inner .hamburger span { background-color: blue !important; }
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found