Loving your theme, its really easy to use and well designed! I just had a small display issue where im using the ”image gallery” to display a grid of pictures. On desktop it looks ok as shows as rows of 4 columns. On Tablet and mobile however it immediately shows just 1 column photo which bis huge. How can I get it to show 2 column display for tablet and mobile? Ive tried playing around with the column responsive settings without much success.
(The question has been asked before "PUBLIC TICKET # 1308650" but there was no answer published.)
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: 699px) {
.wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_3 {
width: 49.9%!important;
}
}
Hi,
Loving your theme, its really easy to use and well designed!
I just had a small display issue where im using the ”image gallery” to display a grid of pictures. On desktop it looks ok as shows as rows of 4 columns. On Tablet and mobile however it immediately shows just 1 column photo which bis huge. How can I get it to show 2 column display for tablet and mobile? Ive tried playing around with the column responsive settings without much success.
(The question has been asked before "PUBLIC TICKET # 1308650" but there was no answer published.)
Thanks Jimmy
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):
Thanks
ThemeNectar Support Team
Avesome! Thank you, Tahir! It worked like a charm :)
Best regards Jimmy