3 replies · opened Jun 30, 2021
Estimados espero me puedan entender.
Lo que necesito en el banner principal, cuando se proyecta en el dispositivo móvil es como que aparece la parte media de la imagen, lo que yo quiero saber es como puedo poner dos imágenes para el banner, una en pantallas grandes y cuando sea pantalla pequeña se visualice otra imagen.
Hello,
This is Definitely Possible! You can use the Responsive Classes to use different Backgrounds on different devices. Example:
.device-lg .swiper-slide-bg.custom-hero-bg {
background-image: url('images/hero-lg.jpg');
}
.device-sm .swiper-slide-bg.custom-hero-bg {
background-image: url('images/hero-sm.jpg');
}Make sure that you add the .custom-hero-bg Class to the .swiper-slide-bg Element. The Responsive Classes are as follows:
.device-xl – Class for Large Devices >=1200px
.device-lg – Class for Medium Devices >=992px to 1199px
.device-md – Class for Tablets
.device-sm – Class for Landscape Mobiles or Phablets.
.device-xs – Class for Portrait Mobiles
You can add these Custom CSS codes in the css/custom.css File.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Disculpe estoy utilizando el
<!-- START REVOLUTION SLIDER 5.1.4 fullwidth mode -->
Ahí se podrá realizar lo que menciona gracias.
Hello,
Revolution Sliders currently does not support this. You can consider checking this Documentation: https://www.themepunch.com/revsliderjquery-doc/background-image-video/#image .
Additionally, you can also consider using Display Utility Classes: https://getbootstrap.com/docs/5.0/utilities/display/ .
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard