Mobile Masonry Portfolio

[icecast]

hi, using 3 column masonry portfolio – when browser resizes to mobile, any suggestions to resize 3 masonry columns across 33% 33% 33%, instead of 1 column 100% ?

[icecast]

switched to 2 columns, do not want to use gutters but cannot get 2px padding correct on desktop, mobile still a problem

figure.animated-overlay figcaption {
background-color: #188a00;
opacity: 1;
}
.minimal-design .thumb-info h4 {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.portfolio-item figure img {
width: 30%;
}
}

[icecast]

got 2px padding fixed, and correct height in mobile, but still cannot get width to 2 columns instead of 1 column

[icecast]

using below to get correct height and width, but cannot get 2 columns across, just 1 column vertically

.portfolio-item.masonry-item figure {
margin: 2px;
}
@media only screen and (max-width: 767px) {
.portfolio-item.masonry-item figure {
width: 50%;
}
}

[Kyle – SUPPORT]

Hi

On which page are you masonry portfolio items? I find see them

– Kyle

[icecast]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Unfortunately with the plugin we use it’s not possible to display 2 columns on mobile size screen.

– Kyle

[icecast]

makes it worthless for my purposes then – is there a way to disable/remove the default plugins for portfolio, galleries, and swift slider?

[Kyle – SUPPORT]

Could you put them back, I will double check. Just remembered doing something similar before so will dig a little deeper

– Kyle

[icecast]

it is back

[Kyle – SUPPORT]

Please comment out your CSS so I can start from scratch

– Kyle

[icecast]

done

[Kyle – SUPPORT]

Ok, the css you used before to try and achieve this, you can now remove or the css below will not work.

Add this:

@media only screen and (max-width: 490px) { 
li.portfolio-item.masonry-item {
  float: left;
  width: 49%;
}
li.portfolio-item.masonry-item:nth-child(odd) {
  margin-right:2%;
}
}

Let me know if it works

– Kyle

[icecast]

thank you, it works, but styling is still too difficult to deal with

is it possible to disable/delete the default plugins for portfolio, galleries, and swift slider?

i cannot get them to work for my purposes, and i would prefer to lighten up on the javascript

[Kyle – SUPPORT]

Replied to this on your other thread. I will close this one now

– Kyle