On my homepage - caligrafik.ro - i created a portfolio element with visible titles that shows only on mobile devices. There's a UX / readability issue here because the vertical spacing is too small. Users might not understand if the title is above or below the featured image.
I've tried to increase padding/margin but there's some absolute positioning i can't figure out how to change. How can i fix this?
Hey,
On my homepage - caligrafik.ro - i created a portfolio element with visible titles that shows only on mobile devices. There's a UX / readability issue here because the vertical spacing is too small. Users might not understand if the title is above or below the featured image.
I've tried to increase padding/margin but there's some absolute positioning i can't figure out how to change. How can i fix this?
This would be a welcome fix in the next release.
Hi Calin,
You can add this custom CSS to add margin between portfolio items on mobile view:
.vc_column_container #portfolio-2 .portfolio-item {margin-bottom: 20px;
}
I hope this works fine for you.
Perfect. Thanks.