My current portfolio layout is 6 items per row. However in mobile version it is showing 1 item per row with it's image fit to the width of the phone. this is too big and viewer had to scroll a lot. Is there a way to make it 3 item per row or smaller thumbnails?
So is there a work around or best practice for your profile template to be easily viewed and browsed people? 20 squared items will make viewer scroll endlessly...
Hi,
My current portfolio layout is 6 items per row. However in mobile version it is showing 1 item per row with it's image fit to the width of the phone. this is too big and viewer had to scroll a lot. Is there a way to make it 3 item per row or smaller thumbnails?
Thanks!
Hi Jingky,
Unfortunately that's not possible, you can only get one item per row.
Best regards,
Laborator Team
So is there a work around or best practice for your profile template to be easily viewed and browsed people? 20 squared items will make viewer scroll endlessly...
HI Jingky,
This is a custom CSS code I wrote for you, paste it in the Custom CSS area, I hope it helps:
.portfolio-holder.portfolio-loop-custom-item-spacing [data-portfolio-item-id] { width: 33.3333% !important; position: relative !important; padding: 0px !important; top: auto !important; left: auto !important; }Best regards,
Laborator Team
That works, but how do I apply it only to the mobile version?
Thanks!
Hi again,
Sorry for not mentioning that, go to Custom CSS > Responsive > Extra Small (the last field), this way it will be applied only on mobile.
Best regards,
Laborator Team
Thanks!
You're welcome :)
Best regards,
Laborator Team