Comments 4ISOLE-GRECHE started the conversationFebruary 23, 2024 at 10:56pmHow can I have Penci Image Box in mobile version smaller, 2 in row?Attached files: mobile image box.png desktop image box.png 2,580PenciDesign repliedFebruary 24, 2024 at 1:26amHi,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. 4ISOLE-GRECHE repliedFebruary 24, 2024 at 2:23pmOK 50%... but I see only one in a rowAttached files: penci-image-box-mobile.jpg 2,580PenciDesign repliedFebruary 24, 2024 at 3:39pmHi,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. 4ISOLE-GRECHE repliedFebruary 24, 2024 at 5:13pmI set 2 Columns as show in image attached but nothing changed. Tried with different mobile browsers.Attached files: column2.png 4ISOLE-GRECHE repliedFebruary 24, 2024 at 5:16pmI saw that setting I made was only for one of six images... Where do I have to set 2 columns? 2,580PenciDesign repliedFebruary 25, 2024 at 2:09amHi,If you want to show 2 columns on mobile, please config the Columns like the screenshot below:Regards,PenciDesign. 4ISOLE-GRECHE repliedFebruary 25, 2024 at 4:53pmI can't understand where I have to set this options. Do I have to do this for each of the six images? And in each one... where? https://imgur.com/D8WaC3Mhttps://imgur.com/zOk8jN2 2,580PenciDesign repliedFebruary 25, 2024 at 5:17pmHi,Please config the column settings similar to the screenshot below:Regards,PenciDesign. 4ISOLE-GRECHE repliedFebruary 25, 2024 at 7:23pmOK! Perfect! Sign in to reply ...
How can I have Penci Image Box in mobile version smaller, 2 in row?
Attached files: mobile image box.png
desktop image box.png
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.
OK 50%... but I see only one in a row
Attached files: penci-image-box-mobile.jpg
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.
I set 2 Columns as show in image attached but nothing changed. Tried with different mobile browsers.
Attached files: column2.png
I saw that setting I made was only for one of six images... Where do I have to set 2 columns?
Hi,
If you want to show 2 columns on mobile, please config the Columns like the screenshot below:
Regards,
PenciDesign.
I can't understand where I have to set this options. Do I have to do this for each of the six images? And in each one... where?
https://imgur.com/D8WaC3M
https://imgur.com/zOk8jN2
Hi,
Please config the column settings similar to the screenshot below:
Regards,
PenciDesign.
OK! Perfect!