Skip to content
Public Ticket #27706

Penci Image Box mobile version

Conversation thread

ISOLE-GRECHE replied

Customer Reply

OK! Perfect!

PenciDesign Supporter replied

Staff Reply

Hi,

Please config the column settings similar to the screenshot below:

wuaDQYR.png

Regards,
PenciDesign.


PenciDesign Supporter replied

Staff Reply

Hi,

If you want to show 2 columns on mobile, please config the Columns like the screenshot below:

HJU0UKo.png

Regards,
PenciDesign.


ISOLE-GRECHE replied

Customer Reply

I saw that setting I made was only for one of six images... Where do I have to set 2 columns?

ISOLE-GRECHE replied

Customer Reply

I set 2 Columns as show in image attached but nothing changed. Tried with different mobile browsers.

PenciDesign Supporter replied

Staff Reply

Hi,

The problem is that you've put the Penci Image Box for each row, so the code I sent doesn't work properly.

If you want to show 2 columns on mobile, please change the column's width on the Columns options.

Regards,
PenciDesign.


ISOLE-GRECHE replied

Customer Reply

OK 50%... but I see only one in a row

PenciDesign Supporter replied

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: 120px;
  }
  .penci-image-box .penci-fea-in h4 span span {
    min-width: unset;
  }
}

Regards,
PenciDesign.



ISOLE-GRECHE started the conversation

Conversation Start

How can I have Penci Image Box in mobile version smaller, 2 in row?

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