Penci Image Box Home Page

Public Ticket #22223

Conversation thread

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Just modify the code I've sent:

@media only screen and (max-width: 767px) {
  #penci-vc_row-wapper__33053974 .vc_row {
    margin-left: -5px;
    margin-right: -5px;
  }
  #penci-vc_row-wapper__33053974 .vc_row > .wpb_column {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
  }
}

Change #penci-vc_row-wapper__33053974 with the custom CSS class you've added on the WPBakery Page Builder.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

I need code because I must reply it on my new website version I'll publish soon.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

I've added the custom class for this section and modified the CSS code.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Which modify did you make?

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

I've edited your site.

Please check.

Regards,
PenciDesign.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please send me your WordPress admin account in a PRIVATE reply. I'll log in and help you check it.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

I did everything... I tried with different browsers... nothing... do you see changes?

https://www.isole-greche.com

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please clear all the browser cache then check again, this code will force showing 2 columns on the mobile device only.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Nothing changed.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

@media only screen and (max-width: 767px) {
  #penci-vc_row-wapper__33053974 .vc_row {
    margin-left: -5px;
    margin-right: -5px;
  }
  #penci-vc_row-wapper__33053974 .vc_row > .wpb_column {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
  }
}

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

https://www.isole-greche.com

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please send me a page URL that contains this element.

Regards,
PenciDesign.

ISOLE-GRECHE started the conversation

4 years ago

Conversation Start

Image Box is perfect in desktop version... but images become too big in mobile versione. How is possibile to have more little... like a rectangle, not a big square?

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