I see you have many gallery options on your page, which one would you want these changes to be made on? You can share a screenshot for easy identification.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
width: 49.9% !important;
}
}
By the way if you haven't already, please consider sharing your experience by leaving a review on ThemeForest. Your feedback is valuable to us and greatly appreciated!
Should you have any further questions or encounter any issues, please don't hesitate to reach out.
Hey there,
I've seen 2 tickets on this subject, but neither of the solutions worked for me -
https://themenectar.ticksy.com//ticket/2894629
https://themenectar.ticksy.com/ticket/3185947/
I'd like the image gallery to display 2 columns of images for mobile screens rather than the single column it currently defaults to.
Also, is there a way to disable gallery style effects & lightbox clickthrough? I just want the images to to appear without any scroll effect.
Thanks!
Hi there,
Thanks for writing to us.
I see you have many gallery options on your page, which one would you want these changes to be made on? You can share a screenshot for easy identification.
I look forward to your response.
Let's start with this one:
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) { .portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 { width: 49.9% !important; } }Thanks
ThemeNectar Support Team
That worked - thanks!
Hello there,
We're glad this is working for you.
By the way if you haven't already, please consider sharing your experience by leaving a review on ThemeForest. Your feedback is valuable to us and greatly appreciated!
Should you have any further questions or encounter any issues, please don't hesitate to reach out.
Best regards,