It's a Portfolio Nectar element with Layout: Constrained Fullwidth. by default it filling 4 columns (2 wide/tall images or 4 default size images)
On desktop I would like to only use the first 3 columns but keep the 4 column width. (so the 4th column space should be emty). It's like when the browser screen is not bigger than 1300 pixels.
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 (min-width: 1300px) {
body .portfolio-items .col.elastic-portfolio-item.wide_tall, body .portfolio-items .col.elastic-portfolio-item.wide {
width: 66.6% !important;
}
body .portfolio-items .col.elastic-portfolio-item.tall, body .portfolio-items .col.elastic-portfolio-item.regular {
width: 33.3% !important;
}
}
I have recreated the layout of http://themenectar.com/demo/salient-minimal-portfolio/
It's a Portfolio Nectar element with Layout: Constrained Fullwidth. by default it filling 4 columns (2 wide/tall images or 4 default size images)
On desktop I would like to only use the first 3 columns but keep the 4 column width. (so the 4th column space should be emty). It's like when the browser screen is not bigger than 1300 pixels.
Hey Again,
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 (min-width: 1300px) { body .portfolio-items .col.elastic-portfolio-item.wide_tall, body .portfolio-items .col.elastic-portfolio-item.wide { width: 66.6% !important; } body .portfolio-items .col.elastic-portfolio-item.tall, body .portfolio-items .col.elastic-portfolio-item.regular { width: 33.3% !important; } }Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you for the quick response this helped a lot.
Only thing i would like to add is that the total width/size is 75%. Now the items are really big.
Edit: i changed the row layout to 3/4 + 1/4 this fixed it!
Thank you again for the support