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:

Thanks in advance for your support.

Best regards,

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.


You are welcome Jan!

Kind Regards, Roman.