Adjusting Portfolio Columns in Mobile and Desktop Windows

1 reply · opened Mar 30, 2018

WwebaoaMar 30, 2018

Hello,

I'm using the 6 column portfolio page right now (http://themes.semicolonweb.com/html/canvas/v5/portfolio-6.html),
and I would like to know how to:

  1. Make it into 2 columns when viewing from mobile devices.

  2. Make it into no less than 3 columns when you resize the window smaller on your desktop computer.

Thank you very much for your assistance and the wonderful themes!

SSemicolon WebSTAFFApr 6, 2018

Hello,

This is Definitely Possible! Simply use the following code to make the Portfolio 2 Columns on Mobile Devices:

.device-xs .portfolio .portfolio-item {
	width: 50%;
	padding: 0 12px 12px 0;
}

On Desktop till iPads, the Portfolio appears to be in 3 Columns by default.

Hope this Helps!

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