Remove Thumbnails from Fullscreen View

Hello
txnyriny

please share your website link

we will solve problem as soon as possible

It’s not a site in the public domain — it’s on a private server, so I can’t provide a link. Sorry. But basically, I just want to know how to keep the thumbnails in the normal view slider, but remove them from the fullscreen view so that the actual full screen is filled up by the main image, instead of cropping the image and leaving a black area at bottom and top (i.e., the bottom and top are being cropped not by the edge of the viewport, but by something else, leaving black bands top and bottom).

Thanks.

hello
txnyriny

sorry

if we remove thumbnails from fullscreen mode then we can not keep them in

normal view

This is what worked for me:

.sp-full-screen {
max-height: 100% !important;
max-width: 100% !important;
z-index: 999 !important;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
}
/* REMOVE THUMBNAILS FROM FULLSCREEN */
.sp-full-screen .sp-bottom-thumbnails {
display: none;
}
/*REDUCING BOTTOM THUMBNAIL AREA*/
.sp-full-screen .sp-bottom-thumbnails {
height: 0px !important;
}