Tagged: columns, mobile, Portfolio Gallery
usually in smartphone my portfolio website looked like this (two columns) like it should
https://dl.dropboxusercontent.com/u/12324495/enfold_bug/Screenshot_091015_085311_PM.jpg
but lately (maybe since the last theme update…i’m not sure) it looks like this (only one column)
https://dl.dropboxusercontent.com/u/12324495/enfold_bug/Screenshot_091015_085239_PM.jpg
i’m not sure if it happens on any smartphone or only android
can you help me fix it?
Hi Doron!
Thank you for using Enfold.
Did you test it on an actual mobile device? The issue occurs on screen sizes between 353px and 357px. I don’t think there is any mobile device with the same exact screen resolution. The columns is OK on iPod Touch.
Regards,
Ismael
yes I did
on iPhone 6 it seems to work just fine
but on nexus 5 or one plus 1 The issue does occur (and it didn’t before the last update)
very strange..
:(
Hey!
I have added the issue on our github, for more investigation.
Have you done any Custom CSS for that area there, btw?
Best regards,
Basilis
tnx!
I did put some code in the ‘quick css’
@media only screen and (max-width: 990px) {
.av-masonry-entry {
width: 50% !important;
}
}
i put it there in order to make the masonry portfolio display two columns instead of one in portrait view on mobile
and as i wrote in the beginning – it worked perfectly until lately
here (in the private content) link to all of the code in my ‘quick css’
may be there’s something else there causing all this mess??
UPDATE:
if i change it to: ‘… width:49% !important;’ (instead of 50%) the problem seems to be solved
..but it should work just fine with 50%
very strange..