Keeping Portfolio rows level

Home Forums Jevelin Theme Keeping Portfolio rows level

Home Forums Jevelin Theme Keeping Portfolio rows level

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • Hi Shufflehound,

     

    Ill probably get a “Frequent Customer” card at this rate ūüėõ but as for the portfolio (http://joshua.hailpern.com/portfolio/), i can’t figure out how to keep each row aligned. ¬†If the browser width is wider, it works, but on more narrow windows, the descriptions spill over, and push some to 3 lines, causing the grid to “break.” ¬†Is there some way to force the rows to all have the same height, and still have it be responsive? ¬†Because if you set a height in CSS in PX, it wont’ be responsive, right?

    Hi @cmurockstar,

     

    I hope you are well today and thank you for your question.

     

    I visited your shared page and it is displaying fine for me on lower browser width.

     

    Could you please share the screenshot of the issue by testing it on https://www.responsinator.com/ ?

     

    Best regards,
    Shufflehound team

    please see attached pictures

    Attachments:
    You must be logged in to view attached files.

    you can see the top of the images on the bottom row don’t align because of the responsiveness of the other image’s titles

    Solution for this topic

    You can try setting minimum height to them by adding the following CSS code in the Custom CSS code option of your theme on the below path.

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-portfolio-item {
        min-height: 475px;
    }

    Yes – i see how that ensure a minimum, but if things overflow again – wont this cause more problems?

    In that case you can just increase the minimum size 475 in the above shared code.

Viewing 7 posts - 1 through 7 (of 7 total)