Post count: 2
#26040 |


It’s a new site that isn’t public yet, which is why I didn’t post the link. I meant the <h2>, not the <p>.

In the end, I was able to fix the problem for desktop browsers – shrink the shaded box behind the slide title – by changing ‘right: 50%;’ to ‘right: 78%;’ in the following:

#bootstrap-slider .carousel-caption {
padding-top: 0;
bottom: 12%;
left: 60px;
right: 78%;
text-align: left;

But it doesn’t work on my phone with the original CSS or my modified CSS. Here is a partial screenshot (I cropped out the top) that shows the problem:

You can see that the shaded box behind the slide title goes right across the screen (ignore the whitespace and the question mark) though the text fits to the left of the car. This was done with a Nexus 5 which has a very common screen resolution of 1920×1080.

Thanks. Tom