Our support team is on holiday from January 1st to 7th. Responses may be delayed, but we'll be back on January 8th. Happy Holidays!

Okay
  Public Ticket #3837060
Hamburger Menu Covered by Revoltuion Slider
Open

Comments

  • adamz44 started the conversation

    Used (template) for my HOMEPAGE....https://neuronthemes.com/arkhitekton/home-projects-showcase/ | works perfect...

    Added to my website literally changed nothing form install from the support staff here. and the MENU shows for 1 sec and then gets covered by the slides....Tried CSS"

    3 effing hours trying to get a menu to appear....https://luxrentalz.com/ | this is the most insane thing! I am quite savvy building websites for the last 14 years...NOTHING WORKS!

    hopefully, I get a reply soon....and I hope this HELPS save someone else from this complete nightmare-waste-of-time....

    Over a GD - hamburger menu! ALl I want is to have no header menu (works) and have the hamburger show up like it dos in the fricking template! Impossible so far....I have a feeling it is some idiotic checkbox that is NOWHERE to be found in any documentation!

    Save me from this hell! :)


    /* Force Hamburger Menu to Show Above Everything */
    .menu-toggle {
        display: block !important;
        position: fixed !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 999999 !important; /* Puts it ABOVE everything */
        background: transparent !important;
        border: none !important;
    }

    /* Make Sure Slider Revolution Stays Behind */
    .rev_slider_wrapper, .tp-banner, .tp-banner-container {
        position: relative !important;
        z-index: 1 !important;
    }

    /* Hides Traditional Header */
    #masthead, header {
        display: none !important;
    }

  • adamz44 replied

    mY HOSTING COMPANY FIXED THIS: if anyone needs the best hosing in the WORLD:

    https://whplanet.com/

    response - not even there job!

    Hey Chad,

    All set.

    Look like its pulling the CSS from here: /home/azprops111/public_html/wp-content/uploads/elementor/css/post-9811.css

    I adjusted the z-index in there for you.

    Im not sure if the dev has this purposely but it looks like maybe the slider has an index by default of 99 which would stick out over the 1 index the Menu had.

    .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-9811 .elementor-element.elementor-element-54023fc > .elementor-container{min-height:100vh;}.elementor-9811 .elementor-element.elementor-element-54023fc{width:100%;max-width:100%;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:99;}

    You may need to clear your browser cache but should be all set now.

    Regards, Matthew R.

  • adamz44 replied

    My hosting fixed it! 


    Hey Chad,

    All set.

    Look like its pulling the CSS from here: /home/azprops111/public_html/wp-content/uploads/elementor/css/post-9811.css

    I adjusted the z-index in there for you.

    Im not sure if the dev has this purposely but it looks like maybe the slider has an index by default of 99 which would stick out over the 1 index the Menu had.

    .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-9811 .elementor-element.elementor-element-54023fc > .elementor-container{min-height:100vh;}.elementor-9811 .elementor-element.elementor-element-54023fc{width:100%;max-width:100%;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:99;}

    You may need to clear your browser cache but should be all set now.

    Regards, Matthew R.

  •  968
    Neuron replied

    Hi @adamz44,

    Please check your other ticket, as we've already responded to it.

    Feel free to ask for anything you need.

    Kind Regards