I'm using the 4 column constrained full width Image Grid Style gallery and when the screen size gets larger than about 1600px, on browser resize, sometimes the images don't get stretched to the full element container width. See attached screenshot. It seems like a JS calculation issue but I'm not prepared to dive in to figure out it.
Thanks for the quick response. That definitely works for now but I know that using !important declarations are against best practices in CSS. I guess it's something your team will fix in the next version or something?
I'm using the 4 column constrained full width Image Grid Style gallery and when the screen size gets larger than about 1600px, on browser resize, sometimes the images don't get stretched to the full element container width. See attached screenshot. It seems like a JS calculation issue but I'm not prepared to dive in to figure out it.
Please let me know how to fix this.
Thanks!
Eli
Hey ,
Please provide the page url so we can have a look.
Thanks
ThemeNectar Support Team
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item { width: 25% !important; }Also clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team
Thanks for the quick response. That definitely works for now but I know that using !important declarations are against best practices in CSS. I guess it's something your team will fix in the next version or something?