Featured Slider vertical images not same size with feautured post images on mobile screens.

Public Ticket #7552

Featured Slider vertical images not same size with feautured post images on mobile screens.

Conversation thread

panospan replied

7 years ago

Customer Reply

Hi PenciDesign,

Thank you very much.

Kind regards
Panos

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 480px){
.featured-style-4 .penci-owl-carousel .penci-image-holder::before {
    height: 450px;    
    padding-top: 0;
}
}

Change value 450 to any value as you want.

Best Regards,

PenciDesign

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 480px){
.featured-style-4 .penci-owl-carousel .penci-image-holder::before {
    height: 450px;
    padding-top: 0;
}
}

Change value 450 to any value as you want.

Best Regards,

PenciDesign

panospan started the conversation

7 years ago

Conversation Start

Hi PenciDesign,

I use Featured Slider on homepage, but with vertical images, which make the size of the slider to be big enough. When I am in front of a desktop screen this is not a big problem, but when I visit the site from mobile, then the image of the Featured Slider is a very long one.

Link http://whatismyscreenresolution.net/multi-screen-test?site-url=http://www.redheadillusion.com&w=414&h=736

What settings I could use to make the slider look the same size on mobile, like the size of the featured images of the posts?

Kind regards
Panos

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