Home Page Menu Functionality

Hello @wladamscarr
The flip menu is set for the Homepage header only. It’s a different header for rest of the site.
Currently, it is not possible to change headers in the theme. We will surely consider it for a future update.

Divjot

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 https://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);
}