Sticky Menu and Mobile Menu Javascripts Conflicting?

[horizonsofchaos]

Hey everyone, I'm working on a theme and I'm trying to utilize a sticky menu for normal browser use, and a mobile menu for mobile use. The sticky menu for normal browser use worked great to start. I added the mobile menu later and once I did that, the sticky menu started flickering when I start to scroll, as well as showing before it's called in the javascript. I'm guessing there is a conflict between the two scripts but I'm not sure how to fix it. Has anyone else run into this issue before, or is there a better way to accomplish this than the two javascript methods?

Sticky Menu tutorial used: http://my.studiopress.com/tutorials/sticky-menu/

Mobile Menu tutorial used: http://ozzyrodriguez.com/tutorials/genesis/genesis-responsive-menu-2-0/

http://monstermagicmt.com/test2/

[JanHoek]

Try to add !important after the opacity like

.nav-secondary {
background: url(images/nav.png) repeat-x top;
display: none;
position: fixed;
width: 100%;
height: 38px;
z-index: 999;
box-shadow: #000 0px 3px 3px;
opacity: 1 !important;
}

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Author]

Posts