CODEWITHSUNDEEP
javascripthtmlcssmagnific-popup
inputchip
inputchip

Reputation: 107

Magnific popup has two close x's

I am integrating a front end html theme with a back-end Laravel app. Something is causing the popup modal to have two close x's. I have not been able to find out what is causing the extra x button.

The one x is loaded by added class mfp-close from Magnific close. Not sure how the other one is getting added in.

If I delete the "x" in the loaded html, it deletes the smaller x (which is correct). Not sure how this x is getting loaded.

Close Buttons Loaded html

EDIT: After deleting the mfp-close:before css, I end up with the smaller "x", which I do not want.

enter image description here

Upvotes: 1

Views: 538

Answers (1)

inputchip
inputchip

Reputation: 107

If anyone comes across a similar problem, I solved it by loading in magnific-popup.min.js instead of jquery.magnific-popup.min.js.

Upvotes: 2

Related Questions