[isaumya]

Hi,
In the homepage of the site you guys use owl slider with the auto height function using the owl-height class. But the thing is that the height is really tall and looks bad on phones. Can you please let me know how can I change the breakpoint height values for the own slider?
Screenshot: https://i.imgur.com/AM5ky2K.png

Looking forward to your reply.

[ahmetsali]

Hi, you can try this custom css code;

@media screen and (max-width: 992px) {
    .slider-box .post-wrap {padding-top: 100% !important;}
}

[isaumya]

If I do that you can see the black box comes below the image: https://i.imgur.com/gmXrolN.png

I’ve tried to tackle it with CSS but couldn’t do so contacted you.

[ahmetsali]

Hi again, I have tested and that CSS code and it works perfectly on our demo site, have you actually added that code to Appearance > Additional CSS box? If you have just added it via chrome inspect element > inspector stylesheet section, it will not work right. If you are still having problems please share your website url.

Thanks.

[serkan]

Hi, Please check out this related topic;
http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
Thanks