TourMkr CSS Recipes
  • GoThru
  • Recipes
  • Documentation
  • Blog
Sign in Subscribe

Custom Carousel Size Based on Device

Last updated on  Apr 9, 2023
Custom Carousel Size Based on Device

CSS:

#overlay.desktop wdg-other-carousel{
--width: 140px !important; 
}

#overlay.tablet wdg-other-carousel{
--width: 125px !important; 
}

#overlay.mobile wdg-other-carousel{
--width: 110px !important; 
}
Edit the width value based on what you like for each device
Previous Side Menu - Set Active Font Color
Next Side Menu Custom Style - Black & White
TourMkr CSS Recipes © 2025
Powered by Ghost