resposive setting about 6-columns portfolio

Public Ticket #4260

resposive setting about 6-columns portfolio

Conversation thread

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please add more this code to Customize > Addinational CSS to do that:

\
@media only screen and (max-width: 960px){\
.penci-portfolio.column-6 .portfolio-item, \
.penci-portfolio.column-5 .portfolio-item, \
.penci-portfolio.column-4 .portfolio-item {\
    width: 25%;\
}\
}\
@media only screen and (max-width: 600px){\
.penci-portfolio-wrap .portfolio-item {\
    width: 50% !important;\
}\
}\

Best Regards,

PenciDesign

Wings_Li started the conversation

8 years ago

Conversation Start

as this url:

http://pennews.pencidesign.com/6-columns-grid-text-below/

how to change the default resposive setting ?

PC screen: 6 items per row (no change)
tablet screen: 2 items per row(default) to 4 items per row
mobile screen: 1 items per row(default) to 2 items per row

Want to join this conversation or access attachments? Sign in first.