Image not Responsive & Smaller

  • Resolved hasliza

    (@hasliza)


    7 years, 6 months ago

    Hi,

    If I use custom size (if selected, Pop-up won’t be responsive), the custom content won’t be responsive on mobile. However, if I’m uncheck on this, the image on the custom content will be smaller and not displaying the full image size.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @hasliza,

    Image holder is calculated based on the screen width and the content and images with different aspect ration can behave differently.

    You can try applying some media queries with CSS to adjust the image size on different screens, something like this should do the trick:

    /*Entire popup*/
.wph-modal {
    max-height: 500px!important;
}

/*Image holder*/
.wph-modal--image, 
.wph-modal--image img {
    max-height: 300px!important;
    height: 300px!important;
    flex: auto!important;
}

    Note that you need to use !important in order to overwrite values added via script.

    Cheers,
    Predrag

    Thank you for contacting support. I am going to close this topic for now. If you need anything please let us know.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image not Responsive & Smaller’ is closed to new replies.