Change main slider captions on mobile

Hi Support Team,

I like to hide the second caption in the main slider on mobile phones only. On desktop, labtop and tablet stays 2 captions.

I already changed font size, position etc with css: @media (max-width: 1024px) { for tablet. But if I also use:

@media (max-width: 992px) {
.main-slider-caption h1 {
display: none;
}
}

for mobile phones the second caption is hidden on tablets as well.

What have I done wrong?

See my site: www.zaaldesign.nl/kf.

Thanks in advance for your support.

Best regards,
Jan

Hello Jan,

It looks like your breakpoint is too high, you might want to check this link:

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank you Roman, this was very helpful.

Regards,
Jan

You are welcome Jan!

Kind Regards, Roman.