Figured it out 🙂 Users who need help changing other items in the free version, reach out to me on my site. I’m definitely no expert but I did want to make my site unique so I was able to figure out a lot. Thanks, Wendy http://www.sandpipergfx.com
/* Move Menu Above Content Area */
#site-navigation.single {
padding-top: 0px;
width: 100%;
transform:translateY(-50px);
background: rgba(0, 0, 0, 0.5);
}
/* Changes Menu/Submenu Txt to White on Single Pages */
#site-navigation.single ul li a {
color: #fff;
}
/* Sets Text and Background Color of Hidden Submenu */
#site-navigation.single ul li ul.children li:nth-child(n+1) a, #site-navigation.single ul li ul.sub-menu li:nth-child(n+1) a {
color: #fff;
background: rgba(0, 0, 0, 0.2);
}
/* Sets Text and Background Color of Submenu Items on Hover */
#site-navigation.single ul li ul.children li:nth-child(n+1) a:hover, #site-navigation.single ul li ul.sub-menu li:nth-child(n+1) a:hover {
color: #fff;
background: rgba(0, 0, 0, 0.6);
}
/* Black Background on Menu Item on hover */
#site-navigation.single ul li:hover a {
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
/* Defines Submenu Container for li placement – Flip Up Area */
#site-navigation.single ul li ul.sub-menu {
top: -119px;
width: 200px;
}
/* Smooth Transition Menu – Flip Up */
#site-navigation ul li ul.sub-menu {
background: rgba(0, 0, 0, 0.5) !important;
transition: 1s all ease;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
-ms-transition: 1s all ease;
-o-transition: 1s all ease;
transform: perspective(350px) rotateX(40deg) translateY(-20px) scale(1.1);
-webkit-transform: perspective(350px) rotateX(40deg) translateY(-20px) scale(1.1);
-moz-transform: perspective(350px) rotateX(40deg);
}
