Skip to content
Public Ticket #11800

smaller pictures in mobile theme

Conversation thread

PenciDesign replied

Staff Reply

Hi,

For portfolio pages, please add more this code to do that:

@media only screen and (max-width: 767px){
.penci-post-gallery-container.masonry .item-gallery-masonry, 
.inner-portfolio-posts .portfolio-item {
    width: 50% !important;
}
}

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

If you do that, the posts will be quite small and hard to read.

To do that, you can try add more this code to Customize > Custom CSS:

@media only screen and (max-width: 767px){
.container.penci_sidebar .penci-grid > li {
    width: 48.05% !important;
    margin-right: 3.9% !important;
}
.container.penci_sidebar .penci-grid > li:nth-child(2n+2) {
    margin-right: 0 !important;
}
}

Best Regards,

PenciDesign

dirkmuel started the conversation

Conversation Start

Can I adjust the pictures in the mobile theme so I get 2 columns and 2 pictures side by side?

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