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 #2721048
Related post images on mobile
Closed

Comments

  • Papdronning started the conversation
    March 15, 2021 at 3:07pm

    Is there any way of not having the images on the Inline Related Posts element disappear on mobile?

  •  501
    Penci replied
    March 17, 2021 at 6:07pm

    Hi,

    I'm not clear about the issue.

    Please send me screenshot for the issue.

    I will check it help you.

    Best Regards,

    PenciDesign

  • Papdronning replied
    March 18, 2021 at 8:55am

    I've attached images of the block on desktop and mobile. I'd like images to also be on mobile.

  •  501
    Penci replied
    March 21, 2021 at 1:02am

    Hi,

    Do you want show image of post on mobile ?

    if right, please go to Customizer > Addtional CSS then add custom css to do that

    @media screen and (max-width: 768px){
     .penci-inline-related-posts.penci-irp-type-grid .penci_mobj__img,
     .penci-inline-related-posts.penci-irp-type-grid .penci-image-holder {
        display: block !important;
     }
.penci-inline-related-posts.penci-irp-type-grid .penci_media_object {
         display: flex;
     }
.penci-inline-related-posts.penci-irp-type-grid .penci_media_object {
         margin-bottom: 10px;
     }
     .penci-inline-related-posts.penci-irp-type-grid.penci-irp-align-none:not(.penci-irp-one-item) .penci-post-item:nth-child(2n + 1):marker,
     .penci-inline-related-posts.penci-irp-type-grid.penci-irp-align-none:not(.penci-irp-one-item) .penci-post-item:nth-child(2n + 1):before {
         content: none;
     }
    }

    Best Regards,

    PenciDesign


  • Papdronning replied
    March 29, 2021 at 9:17am

    That worked great :-) Can we remove the dot from the list in mobile also?

  •  501
    Penci replied
    March 31, 2021 at 5:07pm

    Hi,

    Please use custom css

    @media screen and (max-width: 768px){
    .penci-inline-related-posts.penci-irp-type-grid .penci-post-item {
        list-style: none;
    }
    }

    BestRegards,

    PenciDesign