Ddriftw00dMay 22, 2019
Using the Portfolio - 6 Columns Masonry, currently it shows one column when viewed in xxs or smartphone portrait view. How can I change it to show 2 columns, as I like the images/thumbs to remain small?
How to get 2 columns in Portfolio - Masonry in xxs or smartphone device view?
4 replies · opened May 22, 2019
SSemicolon WebSTAFFMay 22, 2019
Hello,
Please consider using the following CSS Code:
@media (max-width: 575.98px) {
.portfolio.portfolio-6 { margin: 0 -12px -12px 0; }
.portfolio.portfolio-6 .portfolio-item {
width: 50%;
padding: 0 12px 12px 0;
}
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Ddriftw00dMay 24, 2019
Thank you for your reply and help. The solution you offered helped me achieve what I wanted. However, it appears to me that the left and right margins for the content do not appear to be equal. Is there a fix to this?
SSemicolon WebSTAFFMay 24, 2019
Hello,
Apologies about the Inconveniences caused!
Simply replace .portfolio.portfolio-6 { margin: 0 -12px -12px 0; } with .portfolio.portfolio-6 { margin: 0 -12px -12px 0 !important; } .
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Ddriftw00dMay 24, 2019
Yes! This works perfectly. Many thanks for your help and awesome work!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard