PenciDesign replied
Staff Reply
Public Ticket #11800
smaller pictures in mobile theme
Conversation thread
dirkmuel replied
Customer Reply
I think it is my mistake but on the page
https://hoffmanns-ballonshop.de/geburt-ballons
it works only on my computer (with a small browser window) but not on my iphone.
Any idea?
Thanks for your quick help.
Dirk
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
dirkmuel replied
Customer Reply
Works good, thank you. Is it possible also for the category pages like
https://hoffmanns-ballonshop.de/geburt-ballons
Kind Regards,
Dirk
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.
