Canvas Support

Masonry mobile columns

2 replies · opened Jun 5, 2016

JjustwonderJun 5, 2016

Hi,

When I resize my masonry portfolio to a smartphone-with, 2 columns are displayed.
How can I use 1 column?

JW

JjustwonderJun 6, 2016
  • smartphone-width
SSemicolon WebSTAFFJun 7, 2016

Hello,

You can simply use the following CSS Code: 

.device-xs .portfolio .portfolio-item,
.device-xxs .portfolio .portfolio-item { width: 100%; }

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

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