One object does not behave Responsive

Hi,

when visiting my site (http://www.pfn-online.de) on a mobile device the screen is resized to fit.

But there is one object that does not resize and hence does not fit anymore.

It is the text box on the slider (slider description) that does not work (see pic).

Please check and advise.

Thanks
DIRK

 

Hello,


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 1400px) and (min-width: 1141px){
.flex-caption{
width:400px;
}
}
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flex-caption{
width:410px;
}
}

This will solve your issue.

 

Thanks Gourav,

that works fine !

regards
DIRK