Is there a way to keep the column layout of an image gallery for mobile?
For example: An image-gallery with a 2-column layout changes automatically to a 1-column layout on mobile devices. Is there a way to keep the original layout or to define how it responds?
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_6 {
width: 50%;
}
}
Is there a way to keep the column layout of an image gallery for mobile?
For example: An image-gallery with a 2-column layout changes automatically to a 1-column layout on mobile devices.
Is there a way to keep the original layout or to define how it responds?
Thanks in Advance!
Hey Again,
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { .wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_6 { width: 50%; } }Thanks
ThemeNectar Support Team
Perfect, thank you very much!