- This topic has 1 reply, 2 voices, and was last updated 9 years, 3 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › Portfolio page image alignment – not properly responsive
Tagged: portfolio
Hi Guys,
So I have a custom home page that uses code from the portfolio template. Instead of 4 columns of portfolio items, I have changed it to 3 columns.
You can see it here:
iskconme2.wpengine.com
The instructions for how I changed the columns from 4 to 3 can be found here:
http://appfinite.com/topic/portfolio-items-out-of-alignment/
I think there might be some other required code for the portfolio items to appear properly on a smaller screen size.
If you narrow your window, the portfolio columns dont collapse, instead they become very narrow.
How do I change this behavior so that the portfolio items scale down like they do in the demo?
Thanks!
It’s because you’ve added this in your css –
.home .portfolio {
width: 30% !important;
}
You also added it in your responsive section, and that’s the reason it shows up like that. In the demo when the browser is resized it shows 48% then it goes to 100%. The code that you added makes it stay at 30% (3 in a row) throughout every width.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com