Changes
adjust "use the full available width" rule so that it works for mobile website with screen size bigger than 720px
/* Hide the toggle gallery button */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2) {
display: none;
}
/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(2) {
display: none;
}
/* Reduce spacing below buttons */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(1) {
padding-bottom:0;
}
/* --- Rules for when gallerycarousel isn't present (i.e. mobile website) --- */
/* only show the first item (if on desktop site, this is just the gallerycarousel) */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:nth-child(n+2) {
display: none;
}
/* use the full available width */
div.excerptSlideshow-container .gallery .gallerybox,
div.excerptSlideshow-container .gallery .gallerybox div {
width:100% !important; /* overrides inline style */
max-width:100%;
}
/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:not(.gallerycarousel) > div > div:nth-child(1) {
display: none;
}
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2) {
display: none;
}
/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(2) {
display: none;
}
/* Reduce spacing below buttons */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(1) {
padding-bottom:0;
}
/* --- Rules for when gallerycarousel isn't present (i.e. mobile website) --- */
/* only show the first item (if on desktop site, this is just the gallerycarousel) */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:nth-child(n+2) {
display: none;
}
/* use the full available width */
div.excerptSlideshow-container .gallery .gallerybox,
div.excerptSlideshow-container .gallery .gallerybox div {
width:100% !important; /* overrides inline style */
max-width:100%;
}
/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:not(.gallerycarousel) > div > div:nth-child(1) {
display: none;
}
