PenciDesign replied
Hi,
Yeah, I just checked and I found you did wrong on the CSS. A missing close } make the CSS doesn't work on mobile.
Please go to Customize > Custom CSS, find this code:
@media only screen and (min-width: 1170px){
.container.penci_sidebar .penci-grid>li{ width: 31.62%; margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1){ clear: none; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2){ margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3){ margin-right: 0; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1){ clear: both }
And change it to:
@media only screen and (min-width: 1170px){
.container.penci_sidebar .penci-grid>li{ width: 31.62%; margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1){ clear: none; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2){ margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3){ margin-right: 0; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1){ clear: both }
}
You're missing a close } at the bottom.
Best Regards,
PenciDesign