[Jailma Santos]

Hi!
I’d like to pre set different size of height for the featured slider. I setted this css code for website and it works fine on computer, but in mobile it gets all ugly, doesn’t fit.

.site {
width: 100%;
}
#feature-slider .cycle-slideshow {
max-width: 100%;
}
#feature-slider .cycle-slideshow img {
width: 1350px;
height: 600px
}

I’d like to set up for both be fine, desktop and mobile view. I’d like to set for mobile the max height to be 300 px. How can I do that? Is that a way to put this demand in different codes?

I didn’t let the height to be automatic because I have pictures with differents sizes, and pre-setting the slider would be the perfect for me.

thank you very much!
I’ll wait for the answer!

the website: cafecomdireito.com

[Mahesh]

@jailma-santos: Since you are using WordPress 4.6.1, please use the theme’s custom CSS. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

@media screen and (max-width: 600px) {
    #feature-slider .cycle-slideshow img {
        height: 300px
    }
}

Regards,
Mahesh

[Jailma Santos]

Thank you very much!
It worked perfectly.

Att,
Jailma Santos

[Mahesh]

@jailma-santos: Thank you for your appreciation. If you like my support and Lucida theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/lucida?rate=5#postform
Have a nice day!

Regards,
Mahesh

[Author]

Posts