Portfolio Item Page Layout Issue

[jessecapps]

On my portfolio page, the masonry layout is scaling wrong on desktop browsers. I would like them to responsively take up the full width of the page.

My portfolio page:

Portfolio New

The individual posts are where my issue is, this is my latest portfolio post:
http://www.jessecappsphoto.com/portfolio-item/laura-josh-engagement

Thanks!

[Alaa]

Hi jessecapps,

I’ve checked your single portfolio item page and I can tell that you hid the right column with extra info in portfolio, by adding this code:

.x-portfolio .entry-extra {
    display: none; !important;
}

However, this code isn’t 100% correct, please correct it to be like:

.x-portfolio .entry-extra {
    display: none!important;
}

Now, to edit the left column (the entry content area) and modify its width to 100%, please add this CSS snippet to (Pro > Theme Options > CSS):

.x-portfolio .entry-info {
    width: 100%;
}

This will show the entry content area in 100%, however, since you are using JetPack plugin to initialize the galleries, I’m not sure if the gallery will calculate the available width correctly on pageload, so I suggest adding the CSS code then recheck, perhaps there is a way to manually adjust the gallery width in JetPack plugin? if so, make sure to enlarge the gallery beyond 500px.

Let me know how it goes,
Thanks.