was hoping for some updated mobile options on 13, but nonetheless great update! I'm having trouble though changing the cols on mobile for image gallery, and col responsive options don't work as expected. I want to be able to select grid cols for tablet and mobile...and can't figure out the css in the meantime.
Thanks, Andrew- although that's helpful...I already tried that. Unless I need to change tablet and not just mobile width offset...perhaps I'm missing some combination of sorts. Seems to be more the width of the image gallery cols than the columns itself. Not sure. This is actually the page I'm working on:
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) {
body .portfolio-items .col.elastic-portfolio-item {
width: calc(50% - 1px) !important;
}
}
that worked. I think I just wasn't grabbing the right parameters or something. Suggestion for future update too to be able to select cols in dropdown or something for those mobile options. I am a dev and ONLY use Salient (obv css skills are mediocre LOL)
was hoping for some updated mobile options on 13, but nonetheless great update! I'm having trouble though changing the cols on mobile for image gallery, and col responsive options don't work as expected. I want to be able to select grid cols for tablet and mobile...and can't figure out the css in the meantime.
Hi Laurie,
This might help: http://themenectar.com/docs/salient/page-builder-columns/#offset.
Thanks.
Thanks, Andrew- although that's helpful...I already tried that. Unless I need to change tablet and not just mobile width offset...perhaps I'm missing some combination of sorts. Seems to be more the width of the image gallery cols than the columns itself. Not sure. This is actually the page I'm working on:
https://sohoventuresescapes.com/property/shandon-bungalow/
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) { body .portfolio-items .col.elastic-portfolio-item { width: calc(50% - 1px) !important; } }Thanks
ThemeNectar Support Team
that worked. I think I just wasn't grabbing the right parameters or something. Suggestion for future update too to be able to select cols in dropdown or something for those mobile options. I am a dev and ONLY use Salient (obv css skills are mediocre LOL)
Appreciate the help! :)