Penci image box responsiveness

Public Ticket #29819

Conversation thread

pgorce1 replied

1 year ago

Customer Reply

it works fine.

thx

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

@media (max-width: 480px) {
  .penci-image-box .penci-featured-ct {
    width: 50%;
    float: left;
  }
  .penci-image-box .penci-featured-ct .penci-fea-in {
    height: 160px;
  }
  .penci-image-box .penci-fea-in h4 {
    padding: 5px;
  }
  .penci-image-box .penci-fea-in.boxes-style-3 h4 span span {
    font-size: 10px;
    letter-spacing: -0.05em;
    padding: 0 5px;
  }
}

Regards,
PenciDesign.

pgorce1 replied

1 year ago

Customer Reply

is there another way to display 2 images per row with a link on it on mobile and three on desktop ? (i've got 6 images)

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Unfortunately, the current version of PenNews doesn't support this option.

Regards,
PenciDesign.

pgorce1 started the conversation

1 year ago

Conversation Start

Hi,

how to set the number of images by row to be displayed on mobile ?

Thanks

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