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 .col.span_4 {
width: 33.3% !important;
}
}
Hi, I'm pretty new for this Salient theme..
My problem: I like how this gallery is shown in masonry.
But I can´t get it to show on mobile, I've tried to click on different things , but won't help...
How can I get this nice gallery to show on a phone? And not as now, where the pictures are listed down another... (like my attachment)
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 .col.span_4 { width: 33.3% !important; } }Thanks
ThemeNectar Support Team
Hi Tahir, it doesn't work...
If I copy this into, it gives me an error message.. If I remove the "!important" it keeps looking the same as with...
Hey Again,
That warning can be ignored.
Thanks
ThemeNectar Support Team
I tried to save and delete cache again. It works! :) Thx!
.... But it messes up with the desktop view....
.
Hey Again,
Thanks
ThemeNectar Support Team