Hello,
I understand you’re trying to utilize ELEMENTOR_SCREEN_MOBILE_MAX in your custom CSS to make your site more responsive. Unfortunately, ELEMENTOR_SCREEN_MOBILE_MAX is a PHP constant used by Elementor, and CSS doesn’t understand PHP constants directly.
However, you can find out the value of ELEMENTOR_SCREEN_MOBILE_MAX from Elementor’s PHP files and use it directly in your media query. Your media query could look something like this:
@media (max-width: 767px) {
.swiper.swiper-carousel--arrows-mobile-hide .swiper-arrows,
.swiper.swiper-carousel--arrows-mobile-hide ~ .swiper-arrows {
display: none;
}
}
This means the styles enclosed in this media query will apply to screen sizes of 767px and below.
Please note, however, that implementing custom code falls outside of our support scope. Therefore, while I can provide guidance on this matter, the final implementation and verification should be handled by a knowledgeable developer.
To get the most current value of ELEMENTOR_SCREEN_MOBILE_MAX, you would need to look in the Elementor source code in the file includes/stylesheet.php. As this involves accessing and reading source files, I strongly recommend you to seek the assistance of a skilled developer.
If you need further general guidance or have any other questions, please do not hesitate to ask.
Best Regards,
