Sticky Menu and Mobile Menu Javascripts Conflicting?

Community Forums Forums Design Tips and Tricks Sticky Menu and Mobile Menu Javascripts Conflicting?

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  JanHoek 2 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #115738

    horizonsofchaos
    Participant
    Post count: 4

    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/
    #117925

    JanHoek
    Member
    Post count: 214

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.