Hi Yigid,

It works when i scale the width of my screen on desktop.
But it doesn’t work on iPhone Safari and Chrome.
Any idea how to fix this?

Regards,
J-rollebol

Hey,

I added the code like this:

@media only screen and (max-width: 600px) {
ul.avia-slideshow-inner { height: 230px!important; }}

@media only screen and (max-width: 600px) {
#top .av-video-slide .mejs-container { height: 230px !important; }]

But the result is the same.

Hi Yigit,

It works, only the background image doesn’t scale.
Do you have any idea how to tweak this?

• This reply was modified 10 years, 3 months ago by J-rollebol.

Hi Josue,

I have a minimum css experience.
A couple of blocks back you say:

Hi!

1. This code will make the slider 400px height on mobiles:

@media only screen and (max-width: 480px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
        height: 400px !important;
    }
}

But where can i find the (css) file where i can change/add the code?