Move Bullet Controls Below Slideshow Images for Mobile View

Site URL: https://www.coquitlamheritage.ca/

Hi, is there a way to move the bullet controls below the slideshow on the mobile view of the homepage?

This is the code for the slideshow currently: 

//slideshow mobile
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 13vh !important;
}
}

Thanks!

Hi,

Move to this position?

yes!

On 9/26/2024 at 6:57 AM, CHS said:

yes!

You can use this code to Website Tools > Custom CSS

@media screen and (max-width: 768px) {
  .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav {
    bottom: 0px;
    position: relative;
  }
  
  .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet:not(.active) {
    background-color: #00000026;
  }
  
  .gallery-fullscreen-slideshow-bullet.active {
    background-color: #3e3e3e;
  }
}