Menu icon Foundation
Reveal modal's close ("x") button not appearing

I built a gallery of 12 images and used Foundation 6.3's Reveal modals to make pop-up dialog boxes.

However:

--the "X" closing button isn't appearing in any of the dialog boxes, but there is an "X" that appears over the nav bar at the top right corner of the page for some reason (?) when I scroll to the top.

--the dialog box isn't working at all in the seventh image in the seventh column.

Can anyone tell me what I'm doing wrong?

I've included my code in this codepen for your review:  http://codepen.io/rafibomb/pen/MmEdYq

 

Thanks,

Steve

revealmodalsclosing buttonFoundation 6.3

I built a gallery of 12 images and used Foundation 6.3's Reveal modals to make pop-up dialog boxes.

However:

--the "X" closing button isn't appearing in any of the dialog boxes, but there is an "X" that appears over the nav bar at the top right corner of the page for some reason (?) when I scroll to the top.

--the dialog box isn't working at all in the seventh image in the seventh column.

Can anyone tell me what I'm doing wrong?

I've included my code in this codepen for your review:  http://codepen.io/rafibomb/pen/MmEdYq

 

Thanks,

Steve

Rafi Benkual 4 months ago

Hi Steve - your codepen is empty. You can add your code in there then hit the fork button to get a unique URL. For a demo codepen on reveal - you can see it in the docs above the code example - http://foundation.zurb.com/sites/docs/reveal.html#basics