Hi guys, I'll keep this short, thanks for reading!
I have multiple buttons on my page, that when clicked, brings up a corresponding text lightbox.
The code for the lightbox looks like this.
What I've done is manually insert a button into this text lightbox.
I want the button to lead to the Get In Touch page, which already has the anchor link #get-in-touch.
However, it seems that the button doesn't work whilst it's inside the lightbox.
Setting the button destination to an anchorlink, or even trying to open a URL, doesn't work.
Does anyone know what I can do? I would prefer the button to load a page and jump to a specific anchorlink, but I wouldn't mind workarounds such as opening a new tab and going to a specific URL too.
(Also, let me know if I went overboard with the inception on this one...)
<div style="display:none;">
<div id="social-media-content" style="max-width:800px;">
<p>
<h3 style="font-size:30px;">Content</h3>
<p style="font-size:16px;">Text goes here. Lorem ipsum etc etc.</p>
<div class="sqs-block button-block sqs-block-button">
<a href="//cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.css" data-featherlight="#get-in-touch" data-featherlight-variant="lightbox-bgcolor" class="sqs-block-button-element--medium sqs-block-button-element">Get In Touch</a>
</div>
</div>
</div>