X button enlarged for image popup

jleesley · February 14

Can you give me the CSS that’ll make the X (close) button bigger when an image is in the window, or after it’s clicked on? This is especially needed when on a mobile device. The image below was taken on a phone.

Thank you

Website page: https://apparitionmovie.com/

Phil · February 16

Hi,

If you want to increase it on mobile view only, use the following CSS code:

@media only screen and (max-width:767px){
 .mfp-container .mfp-content .mfp-close{
  font-size: 40px;
 }
}

If you want it to work on all views, remove the media queries.

Best regards

X button enlarged for image popup

Comments

This website uses cookies