Slider text not showing on smaller screen

  • When I resize my browser to a smaller window the slider text disappears and only the slider heading remains. This happens at about the tablet portrait size and smaller on my pc and also on my iphone.

    I have only noticed this since the latest update.

    This is my site

Viewing 8 replies - 1 through 8 (of 8 total)

  • Seen this before. Try:

    @media all and (max-width:600px) {
.carousel-caption .lead {
  display: block;
}
}

    Seems to be at 600px but change if you discover it should be higher

    Thread Starter riley454

    (@riley454)

    Thanks for the quick reply Dave, I’ll give it a try.

    Thread Starter riley454

    (@riley454)

    I found it works well for me at 800px on my laptop. 600 didn’t seem to change anything and 700/750 worked until I resized to half screen width then the text disappeared until I made it another inch smaller then it came back.

    Hope this is useful to you for further reference and thanks for the ongoing help.

    Make it 767, this should work

    @media all and (max-width:767px) {
.carousel-caption .lead {
  display: block;
}
}
    Thread Starter riley454

    (@riley454)

    What does this bit of code actually do and does it matter if I leave it at 800?

    no idea ?? but what I pasted is the ‘official’ fix by Nikeo

    An iPad is 768×1024. So @stella/@nikeo’s code works on devices < iPad. Leaving it at 800 may impact the look on an iPad. 800×600 is another typical tablet size.

    Thread Starter riley454

    (@riley454)

    Ahh OK thanks for that. Many of my clients use iPads so I will change it to 767 to avoid issues.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Slider text not showing on smaller screen’ is closed to new replies.