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.
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.
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?
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
Attached files: Screenshoot A_it looks now.jpg
Screenshoot B_we want to look.jpg
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.
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
Attached files: Screenshot singlr post_web.jpg
Hi,
Please go to Appearance → Customize → Single Posts → General → Custom Aspect Ratio for Featured Image: change the value at this option.
Regards,
PenciDesign.
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
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.
Dear team,
it looks and works great with that code.
Thank you for your support.
Regards, Zdravko