• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Portfolio page image alignment – not properly responsive

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

Tagged: portfolio

  • This topic has 1 reply, 2 voices, and was last updated 9 years, 3 months ago by Eric.
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:

    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!

    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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework