Portfolio page image alignment – not properly responsive

Homepage › Community Forums › Epik Theme Support › Portfolio page image alignment – not properly responsive

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 8, 2013 at 2:24 pm #8783
    ashenkar
    Customer

      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:

      https://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!

      November 9, 2013 at 10:52 am #8796
      Eric
      Customer

        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

      • Author
        Posts
      Viewing 2 posts - 1 through 2 (of 2 total)
      • You must be logged in to reply to this topic.