- This topic has 1 reply, 2 voices, and was last updated 8 years, 8 months ago by
.
-
Posts
-
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
- You must be logged in to reply to this topic.