Add this CSS to Custom CSS > Responsive > Extra Small (XS) to show two the portfolio in two columns on mobile devices:
.portfolio-holder .portfolio-item {
width: 50%;
}
Regarding the scroll bar, it will automatically show when there is more content to scroll down so hiding it does not seem an option, I can give you a CSS code for that but it will cause more problems than it will fix.
Hi there
I have a simple question.
Is it possible two show two columns of the portolio items in the mobile version.
There is a option to choose the number of rows for desktop but not for mobile.
Looking forward to your answer :)
thx!
Flo
And sorry, is it possible to hide the scroll bar on the right side in the mobile version (screenshot). And show the full contend.
Hi Florian,
Add this CSS to Custom CSS > Responsive > Extra Small (XS) to show two the portfolio in two columns on mobile devices:
.portfolio-holder .portfolio-item { width: 50%; }Regarding the scroll bar, it will automatically show when there is more content to scroll down so hiding it does not seem an option, I can give you a CSS code for that but it will cause more problems than it will fix.
Best regards,
Laborator Team
Hi Art
Thx for the fast response.
I added it to Custom CSS > Responsive > Extra Small (XS) but nothing happened.
I have an iPhone 8. But it seems that it doesn't affect any device.
Regarding the scroll bar: yeah thats right – i will shorten the content ;)
Hi Florian,
Can you please provide the login credentials to see where you have added the CSS and why it is not being applied.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Best regards,
Laborator Team
Hi there,
I've added !important to implement the two columns always.
Best regards,
Laborator Team
thx!