• Hi there,

    I am trying to configure the plugin on this site: https://thehealthperformancecoach.com/

    I do not want the menu to show at the top of the site…only to appear at the top of the second section, to scroll up with the site then and to stay sticky once it reaches the top.

    Does that make sense?
    Do you have any tips on how to make that happen?
    I have tried many many combinations but cannot make it work.

    It is Thrive Theme – Ignition.

    Many thanks if you can help.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • I’m not sure if I understand, but since your original menu is already fixed first of all try to add this (to make it static) to plugin css style at the end:

    
    #floating_menu.mff {
        position: static;
    }
    #mysticky-nav.up {
        top: 0px !important;
        position: fixed;
        z-index: 99990;
        background-color: #ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    

    Than uncheck “Disable sticky menu at scroll down” and set your activation height (Make visible on Scroll) to desired point.

    Let me know if this helps

    Thread Starter mrlennyman

    (@mrlennyman)

    Thank you for taking the time to respond…much appreciated.

    I have added that css and ticked the boxes and set the height. The result is that the menu appears at the top of the site, then disappears and then reappears. It begins by being only half the normal size.

    Is it possible to fix the menu to be visible when you land on the home page?

    But not at the top of the screen?

    To have it visible at say 500px down (at the bottom of the first section/top of the second)

    Then when you scroll down the site, it floats until it hits the top of the page and then sticks there like a traditional menu?

    The thrive themes give you the option to be Default, Floating or Float on Scroll up – Would changing those settings help me to get the effect I am looking for?

    OK, can you remove first part of the CSS I sent you earlier:

    #floating_menu.mff {
        position: static;
    }

    And than set menu to Default in Thrive settings.

    Let me know when that’s done so I will see what I can do to achieve what you want.

    Remove this part of CSS as well:

    #mysticky-nav.up {
        top: 0px !important;
        position: fixed;
        z-index: 99990;
        background-color: #ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    Thread Starter mrlennyman

    (@mrlennyman)

    Great – I have changed the settings and removed the css.

    Thread Starter mrlennyman

    (@mrlennyman)

    Hey there,

    I have removed the css and changed the settings to default.
    Thanks again for your help.

    Is this what you want to achieve?

    Thread Starter mrlennyman

    (@mrlennyman)

    NO. I want the header menu to appear at the bottom the first area (Below be your own health here & above Own your own health)

    I then want it to stay on screen as I scroll up and then stick to the top when it reaches there.

    Does that make sense?

    OK, yes. To achieve that you will need to change your template file, and put your menu element in between of those two elements. But this is a question for theme developer. Than afterwards you can try to make it scroll to top with fixed position.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to delay the appearance of the menu’ is closed to new replies.