SandlotSportsNYC

@kenwestphal I just fixed the jumping-to-the-top-of-the-page-upon-clicking-the-button issue. At least for now. At least for my page (Pacific theme). I was able to find this article:http://stackoverflow.com/questions/3252730/how-to-prevent-a-click-on-a-link-from-jumping-to-top-of-page-in-jquery Instead the code block for the button being <a href="#" data-featherlight="#[WHATEVER YOU NAME IT]" class="sqs-block-button-element--medium sqs-block-button-element">[WHATEVER YOU WANT TO DISPLAY]</a> Just add a / after the first # Making it <a href="#/" data-featherlight="#[WHATEVER YOU NAME IT]" class="sqs-block-button-element--medium sqs-block-button-element">[WHATEVER YOU WANT TO DISPLAY]</a> I'm not good enough at coding to fully understand why this stops it from jumping. But it does the job it seems. Hope this helps someone else!

Ah. Bad timing @kenwestphal . At the time you replied, I intentionally had removed the code for the moment so I could play with it on a test page. It's back in there now. But looking around at your page...I don't know if this makes me feel better or worse...but looks like it's not just my page.On your example (nice costanza!) https://www.kensdesigns.com/examples/featherlight# If you scroll down that page so you're not already at the top, and then click the "learn about george" button...that's ALSO jumping you back to the top of the page. Can you see what I'm saying there?

Thanks KenUnfortunately that didn't do it. Those hrefs are just links WITHIN the popped out lightbox (when you click on the "register" button inside the lightbox - in the screenshot above - it takes you to that link). I have 4 buttons on that page. 2 of my buttons didn't have defined links yet like you pointed out. 2 of them do. But all 4 of them when clicking on the button send you to the top of the page. I'm not even clicking on the "register" icon IN the lightbox text relevant to the href. I put links in the href anyway though to test your suggestion - all of them send me to top

Oh, and if maybe the problem is with what I have in the actual button code block text, here's how that looks: <div class="sqs-block button-block sqs-block-button"> <a href="#" data-featherlight="#tuesdayues" class="sqs-block-button-element--medium sqs-block-button-element">Tuesday Uptown: Laid Back - Soft "No-Sting" rubber Balls</a> </div> <div style="display:none;"> <div id="tuesdayues"> <p> <p> <strong>When:</strong> COMING SOON: TBD - NOT YET OPEN </p><ul> <li>NYC's only "No-Sting" rubber ball league <li>NYC's classic format for years. Sign up solo or in small groups together and we make the teams out of that. That’s what makes this league special and popular:</li> <li>Great for newbies/if you suck/vets – every team will have a mix of all, so you’re good!</li> <li>Teams are made even so everyone’s got a chance each week</li> <li>Every season we pair different friend groups together so there are never any cliques. Everyone meets everyone. Which is why it’s become the best sports <i>community</i> in NYC - instead of just 10 team cliques by themselves</li> <br /><a href=""><img data-node-image="https://powr.s3.amazonaws.com/app_images%2Fresizable%2F9aa487dd-3a9f-4fb5-819e-00d227fc5926%2FCapturFiles_62.png" src="https://powr.s3.amazonaws.com/app_images%2Fresizable%2F9aa487dd-3a9f-4fb5-819e-00d227fc5926%2FCapturFiles_62.png" width="55" height="23" /></a></li> </ul></p> </div> </div> THANK YOU with big passionate enthusiastic capital letters!

This is my first time posting on here so I apologize if this is redundant as I sort of alluded to this in a comment as well. But I'm not sure who sees what pending where one posts! I was so excited to find this solution yesterday. And it was all working when I set it up last night using @peter_kavalsky 's solution. But today, having touched nothing, it's stopped working. I was able to play around a bit and got it back to sort of working. The lightbox with text pops up now. But upon clicking on it, it automatically sends me back to the top of the page. That wasn't happening yesterday. I'm using Pacific theme. Same as @egrace . I've updated to the newest version of featherlight (and also tried old versions.) My site code injection looks like this <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.5/release/featherlight.min.css" type="text/css" rel="stylesheet" title="Featherlight Styles" /><script src="//code.jquery.com/jquery-latest.js"></script><script src="//cdn.rawgit.com/noelboss/featherlight/1.7.5/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> And the page I'm struggling with is www.sandlotsportsnyc.com/register Any help would be so immensely appreciated...because as the url implies - we're opening up registration Monday! And would hate this to be broken! Thanks so much community.

Hi @egrace and JessicaDevlin, Hoping you might be the one to help me here since I also have Pacific template! So this was working last night for me using @Peter_kovalsky 's method below. It stopped working today and clicking the button didn't open up a lightbox and like you - it just took me to the top of the page. I updated lightbox to the newest version (1.7.5 as of this writing) and that seemed to partially fix it. The lightbox is popping up again, but it's still jumping me up to the top of the page. Any thoughts? Thank you!