Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2345815
smaller pictures in mobile theme
Closed

Comments

  • dirkmuel started the conversation
    April 1, 2020 at 11:55am

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

  •  2,701
    PenciDesign replied
    April 1, 2020 at 1:13pm

    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 replied
    April 1, 2020 at 1:51pm

    Works good, thank you. Is it possible also for the category pages like 

    https://hoffmanns-ballonshop.de/geburt-ballons

    Kind Regards,

    Dirk


  •  2,701
    PenciDesign replied
    April 1, 2020 at 2:09pm

    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
    April 1, 2020 at 2:40pm

    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

  •  2,701
    PenciDesign replied
    April 1, 2020 at 5:04pm

    Hi,

    I can see it working fine now:

    https://prnt.sc/rqzswq


    Best Regards,

    PenciDesign