Change main slider captions on mobile

Talon Pro
#1

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

#2

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.

#3

Thank you Roman, this was very helpful.

Regards,
Jan

#4

You are welcome Jan!

Kind Regards, Roman.

#5