Flat 20% OFF on All Themes Package. Use Coupon Code GRC20 | Offer valid till 31st Oct 2021 Buy Now

Reply To: Images overlap the template design frame and run off of page

#12097
Grace Themes
Participant

Hello,

Please add below CSS in bottom of the style.css file.


@media
screen and (min-width:781px) and (max-width: 1050px){
.ari-fancybox-pdf.ari-fancybox > img { width: 100% !important; }
}


@media
screen and (max-width:980px) {
.ari-fancybox-pdf.ari-fancybox > img { width: 100% !important; height:auto !important; }
}

and remove below old CSS We have told.


@media
screen and (max-width:767px) {
.site-main img {
width: 100% !important;
}
}

and let me know your feedback.

if is it not work for you. please send login details for temporary at: support@gracethemes.com

we will fix your all issues