Dear Ali,
Thanks for using the Portfolio Manager.
Regarding your issue, the photo grid in Behance arranges itself according to the available page width.
e.g. https://www.behance.net/gallery/56253773/Juns-Menu-Design is a full-width page with the project is 1600px wide. If you see the same project on your phone, you’d see the grid aligned differently (on top of each other).
on your website http://www.alijonesdesign.com/portfolio/bproject/juns-menu-design/ the page width is 1245px out of which the project gets 925px width. Thats the reason why the grid arranges itself to best fit the width.
I added some extra CSS using the Inspect Element, and you can see that the grid aligns like Behance when project’s width is 1400px.
Please check this screenshot.
P.S. Kudos on the design btw, and amazing presentation as well 🙂
Thank you so much for the response (and the design compliment!). Could you help me out with the css? Right now I have the following custom CSS (which I believe is also courtesy of you):
.eds-bpm-main{
max-width: 785px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 692px) and (max-width: 1253px) {
.eds-bpm-main{
max-width: 525px;
}
}
@media only screen and (max-width: 691px){
.eds-bpm-main{
max-width: 260px;
}
}
Dear Ali,
Sure, I’d love to help you with it.
Note that the CSS would be applied only to the pages which have the Portfolio items (mosaic, single project etc.) So the rest of the pages will be smaller in width.
Also, I noticed you have the Credits, project title etc on the right active. I would suggest you to consider hiding those. Since it is your own personal website, the author etc. would always be you 🙂 and these information can be seen on the footer as well.
Please let me know your thoughts on the above 2 points, and I’ll prepare the CSS accordingly.
Yeah that would be great, I don’t mind hiding the credits 🙂
Thank you so much!!
Wow. I see that have taken care of everything 🙂
Just add these lines of code below the existing code in
Portfolio Manager > Settings > Advanced Tab > Custom CSS
This will give a finishing touch to the projects view.
.container.main-content{
padding: 0;
}
#bop-container{
background-color: #f6f6f6 !important;
}
#bpm-project-footer-wrapper{
display: none;
}
In case there are any issues after adding this, please let me know.
Thank you! You are amazing! Do you take donations or anything? I’d love to support this plugin!
Dear Ali,
We do accept donations.
However, a good review would be more then enough here to show your support
🙂
