Layout messed up

Dear Daanam,

Thank you for using our plugin.

Regarding the issue, while adding the shortcode in the post/page, after selecting the “Layout Type” as “Multiple Categories” there is an option of “Margin between Tiles (in pixel)”. Please set its value to “75” then add the shortcode to the page.

Let me know if it works.

Hi,

Thanks for the reply.

This doesn’t work though. It does work for the one specific resolution. However when I change the size of my browser and the 3 column layout goes to a two column one it’s not centered anymore.

I can make the multiple category page myself and just link all the items to single pages with the single projects on them. So it’s not that much of a problem but it’s a little bit more effort.

With kind regards,
Daan

Dear Daanaan,

Please use this Solution:

Change the Margins of tiles back to 20px

Paste the following CSS in:
Portfolio Manager > Settings > Advanced Tab > Custom CSS

.eds-bpm-main {
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.eds-bpm-main{
max-width: 780px;
}
}

@media only screen and (min-width: 570px) and (max-width: 991px) {
.eds-bpm-main{
max-width: 520px;
}
}
@media only screen and (max-width: 569px) {
.eds-bpm-main{
max-width: 260px;
}
}

Let me know if this works.
Every theme has its own page widths and break-points, that’s why we cannot write a generic CSS for that.

Hi,

Awesome it works!

Thanks!

Great!!!

If you like our plugin, would you mind taking a few minutes to write a review for us please.