Navigation
Archive / Superfly Z-Position
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 30, 2016 at 11:06 pm #1310702
    Nuera
    Participant

    I’m creating a site with a lot of z-axis positioning and I’d like to make sure the Superfly menu is always on top of the navbar.

    This is what I’ve already got for the header/nav, now I just need to add the Superfly menu above it:

    .x-navbar {
    z-index: 9999997;
}

    Thanks!

    December 31, 2016 at 1:16 am #1310759
    Christopher
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    December 31, 2016 at 10:20 am #1311005
    Nuera
    Participant

    Sure! Development site is http://gator.nueramarketing.com/

    You’ll notice on mobile that the superfly menu button is hidden behind the navbar until you start scrolling.

    Thanks!

    December 31, 2016 at 10:40 pm #1311348
    Christopher
    Moderator

    Hi there,

    Superfly is not activated on your site, to display mobile navigation, find and remove following code :

    .x-btn-navbar, .x-nav-wrap.mobile {
    display: none !important;
}

    Thanks.

    January 2, 2017 at 11:05 am #1312906
    Nuera
    Participant

    Hi Christopher,

    Just to clarify any confusion, I’m only using Superfly on the mobile view and it’s definitely live if you’re looking on a mobile device. The only part is that the menu icon is hidden behind the navbar until the users starts to scoll down.

    Really I think I just need to place the Superfly menu at z-index: 9999998; and I should be fine.

    Thanks so much!

    January 2, 2017 at 12:15 pm #1312982
    Nabeel A
    Moderator

    Hi again,

    Please add this code in your Customizer to fix the issue:

    .x-navbar {
    z-index: 999999 !important;
}

    Let us know how this goes!

    January 2, 2017 at 12:55 pm #1313034
    Nuera
    Participant

    Ok thanks Nabeel. With a few other little tweaks I got that to work properly.

    I appreciate your help 🙂

    January 2, 2017 at 1:00 pm #1313042
    Prasant Rai
    Moderator

    You are most welcome. Wish you happy new year. 🙂

    January 13, 2017 at 9:11 am #1328808
    Nuera
    Participant

    Hey there, so I’ve got what should be a quick fix for you. The Superfly Menu is working on mobile if you’re using the Chrome app, but not if you’re using Safari.

    If I delete the following code, as suggested by Christopher above, Then the native X menu button reappears – which is not what I want.:

    .x-btn-navbar, .x-nav-wrap.mobile {
    display: none !important;
}

    Just trying to ensure that the superfly menu is visible on all mobile devices. Thanks!

    Can you help me?

    January 13, 2017 at 9:14 am #1328810
    Nuera
    Participant

    Sorry, and I meant to say – the site has been moved to go live at gatorofficeproducts.com – so I’m working on a live site right now… YIKES!

    ~G

    January 13, 2017 at 9:17 am #1328811
    Nuera
    Participant
    This reply has been marked as private.
    January 13, 2017 at 9:38 am #1328831
    Nuera
    Participant

    Update: I discovered the issue was a plugin conflict with WP Fastest Cache. Open to suggestion on other cache softwares that are more compatible with X/Superfly.

    January 13, 2017 at 10:13 am #1328890
    Rahul
    Moderator

    Glad to hear it!

    Feel free to ask us again.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1310702 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>