Flexslider slide w/ text.


#1

Hello everyone. I tried to put text on the slide of flexslider. I got, but when I resize browser window my text goes somewhere up, it isn’t responsive. Also I use Bootstrap. Can you help me ?

Full Screen:

Resized Window:

HTML

CSS:

.flex-content {
position: absolute;
left: 0;
right: 0;
bottom: 87px;

}


#2

Do you have this in your css?

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
max-width: 100%
}

Is the image responsive?
I’m not sure how much flexslider is good for text. You may try Sequence parallax slider for text+images.


#3
rayoflightt said

Do you have this in your css?

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
max-width: 100%
}

Is the image responsive?
I’m not sure how much flexslider is good for text. You may try Sequence parallax slider for text+images.

Image is responsive, but text goes up :frowning:
Ok, thanks for answer.
I’ll try Sequence Slider. TY :slight_smile:


#4

In responsive sliders/grids it should be normal to get 100% width rows for text and image on smaller resolutions that means one row goes above other. Try to put both text and image in divs with classes for bootstrap grid. I think that is the problem in code. Also try delete absolute position.

You may try bx slider as well.


#5

I see, but I want my image was the full width of the browser window. I just don’t put images to container and row in bootstrap. Because if you put it to container and row, width of image will be the same width as the grid.