Remove sub header and header from mobile view

[joraab]

Hello! How do I remove the text on mobile version? I've tried these, but they don't work for me. I tried to paste it in theme.css.

@media screen and (max-width: 600px) {
.carousel-caption {
display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
}

.button {
display: none; /* Hide the button when the screen is less than 600 pixels wide */
}

@media screen and (max-width: 600px) {
.hero__slide a.hero__cta, .hero--adapt a.hero__cta, .hero__subtitle {
display: none;
}

I use the theme Prestige. Check the image below if I'm not making sense 🙂