Mobile devices slider look

Public Ticket #27378

Conversation thread

wpsovac replied

2 years ago

Customer Reply

Dear team,

it looks and works great with that code.

Thank you for your support.

Regards, Zdravko

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

@media only screen and (max-width: 480px) {
    .single .penci-single-featured-img {
        padding-top: 100% !important;
    }
}

Change 100% with the size you want to show.

Regards,
PenciDesign.

wpsovac replied

2 years ago

Customer Reply

Hi, it works now, thanks for the instructions. And is there possibility maybe to hide the web Aspect Ratio for the mobile devices that on mobile look deeper?

Regards, Zdravko

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Single Posts → General → Custom Aspect Ratio for Featured Image: change the value at this option.

Regards,
PenciDesign.

wpsovac replied

2 years ago

Customer Reply

Great it works now. And one more question, is there also some css to to customize the single post featured image to look on web to resemble screenshot down. We use single post 5 but the image is oversized.

Best regards,

Zdravko

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

@media only screen and (max-width:479px) {
  .featured-style-29 .penci-image-holder::before,
  .featured-style-30 .penci-image-holder::before {
    height: calc(100vh - 55px);
  }
}

Regards,
PenciDesign.

wpsovac started the conversation

2 years ago

Conversation Start

Dear Customer Service,

I hope this message finds you well. I am reaching out to inquire if it is possible to customize the slider to look on mobile website to resemble screenshot Image B, specifically with a greater height to enhance visibility and user experience on mobile devices. what does it look now appearson screenshot A. We use slider 29. Your assistance and guidance on how to achieve this customization would be greatly appreciated.

Thank you for your time and consideration.

Warm regards

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