
Originally Posted by
picaflor-azul
Ok, I think that I understand now. You are viewing the desktop view and just making your browser window smaller to 1038 - 1234 pixels wide. As far as I know, this width is not really used on any real device. Laptops typically are 1024 pixels wide. If you want to isolate for this width you will need to add a media query for it either to the responsive_default.css file or the stylesheet_flex.css and adjust the positioning of the caption bar.
Thanks,
Anne
Ok - to cater for large desktop screens, in the stylesheet_flex.css I added
Code:
@media screen and (max-width: 1920px) { /*for large desktop screens eg 1920 x 1080*/
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
}
just before
Code:
@media screen and (max-width: 1038px) {
.banner {left: 0;right: 15px;margin-left: 0;}
.banner p {font-size: 22px;text-indent: 15px}
.flexslider .slides img {min-height: 0}
}
and all displays fine when the browser window is extended to it's full width on my desktop screen. I rarely display my browser window this wide but at least the slider caption does not distort if someone decides to have such a wide browser window. Also shows up well on my TV with the same resolution.
Cheers / Frank
Bookmarks