Related post images on mobile | PenciDesign Support

Public Ticket #16139

Penci Design replied

5 years ago

Staff Reply

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

Papdronning replied

5 years ago

Customer Reply

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

Penci Design replied

5 years ago

Staff Reply

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

5 years ago

Customer Reply

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

Penci Design replied

5 years ago

Staff Reply

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 started the conversation

5 years ago

Conversation Start

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

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