Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] adjust menu-plus transition-position

Home Forums Support adjust menu-plus transition-position

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #137460
    Frederik

    Hello Tom,

    i use gp-hooks to display header images before head.
    Now the menu-plus transition starts too early and results in displaying navigation twice when scrolling the page.
    I suppose that menu-plus uses exactly the height of menu+logo(x-px) before it starts to fade ?
    is it possible to adjust this and add the 450px of image-slider to this value ?

    http://dogsbestfriends.de

    thx for your aluable support

    best
    F

    #137521
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Interesting, it’s supposed to wait until it’s 75px passed the navigation to appear.

    I wrote the JS to calculate the height between the top of the website and the navigation, and then add 75px to it.

    I believe in this case it’s calculating the height, and then the slider is initiating, adding height to the page after my code has done it’s thing.

    Let me do some tests on this – I should be able to come up with a fix 🙂

    #138230
    Frederik

    good to hear that there might be a fix for it.

    until it is fixed, will there be a workaround to manually add the 450px of header-height into the js ?

    #138566
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I just took another look at your site to reproduce the issue because I couldn’t on my dev server.

    It looks like it’s working now – did you change anything?

    Let me know 🙂

    #138591
    Frederik

    Hey Tom,

    YES, i could solve it by adding a div around it:

    before -non working hook:

    <?php if (is_front_page() and is_home() ) : ?>
    <?php echo do_shortcode("[metaslider id=305 percentwidth=100]"); ?>
    <?php endif; ?>
    

    after – now working hook:

    <div id="slider">
    <?php if (is_front_page() and is_home() ) : ?>
    <?php echo do_shortcode("[metaslider id=305 percentwidth=100]"); ?>
    <?php endif; ?>
    </div>

    seems to work now……so far…..

    however, if you still want to play around with it i can provide the non-working hook for next 24hrs….:)

    #138850
    Tom
    Lead Developer
    Lead Developer

    Interesting – thanks for sharing the solution!

    I would put the opening div and closing div within the if conditional, or else you’ll have an empty HTML element on pages where that conditional isn’t true.

    #138960
    Frederik

    very good point! Thank you for this input!

    #138962
    Tom
    Lead Developer
    Lead Developer
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.