Support Central

Hi librandi,
If you want to show the shadow on all the screen, you can use the following CSS code:

.acm-hero.style-1 .hero-item h1, .acm-hero.style-1 .hero-item .h1 {
    text-shadow: 2px 3px black;
}

If you want to show the shadow on the small screen as the code that you provided, you can use the following CSS code:

@media (max-width: 1199.98px) {
.acm-hero.style-1 .hero-item h1, .acm-hero.style-1 .hero-item .h1 {
text-shadow: 2px 3px black;
}
}

Hi librandi,
I have checked and see that the text shadow worked on-screen small than 1200px.

Please review my previous answer carefully. Use the following code to apply for all screens:

.acm-hero.style-1 .hero-item h1, .acm-hero.style-1 .hero-item .h1 {
    text-shadow: 2px 3px black;
}