Slideshow Plugin making the category icon on homepage, non-clickable.

Hi,

I am using Delta theme v 1.6.0  I recently installed the Slideshow Plugin Version 1.0.0 and noticed that the plug-in is making categories icon on the homepage, non-clickable attaching here with the screenshot of the location where I am facing the issue also, I am sharing the main.PHP code where banner applied.  I think we need to replace this code with another one. Please cross check and let me know if we required to update the code and how to resolve the issue.  Also, slideshow window is showing hundred percent on the homepage instead of that small box, which usually show with sliding left right button in compact window. In other themes, it is showing properly in compact slider window.         

Check if there is no unwanted overflow by slider box (try to give it float:left;clear:both; ....and other variants

I am not understanding how to resolve it. Can you specify where I need to go in files and what exactly I need to add or replace if something


Here is what I tried. I made the custom CSS. Also modify the main.PHP   place the code of slider With, this new code.   Which fix the issue and make the image slider, proportionate and more stable because in this new code, the slider image automatically adjust the size within the slider container.          <?php if(function_exists('osc_slider')) { ?>

<div class="home-container delta-home-slider">
    <div class="inner">
        <div id="home-slider">
            <?php osc_slider(); ?>
        </div>
    </div>
</div>

<?php } ?> 








  /* Delta Theme + Slideshow Plugin Fix */


/* Control actual slideshow width */
.delta-home-slider,
.delta-home-slider #home-slider,
.sld-box {
    width:90% !important;
    max-width:1200px;
    margin-left:auto !important;
    margin-right:auto !important;
    clear:both;
}


/* Slider structure */
.sld-viewport,
.sld-track,
.sld-slide {
    width:100%;
}


/* Automatic image fitting without cropping */
.sld-slide {
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}


/* Image adjustment */
.sld-slide img {
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block;
}


/* If slideshow uses background images */
.sld-slide {
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
}


/* Keep category icons clickable */
.home-categories,
.home-categories a {
    position:relative;
    z-index:20;
}


/* Mobile */
@media(max-width:768px){

    .delta-home-slider,
    .delta-home-slider #home-slider,
    .sld-box {
        width:100% !important;
        max-width:100% !important;
    }


    /*
    Mobile image adjustment only.
    Do not change slider height calculation.
    */

    .sld-slide img {
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        display:block !important;
    }


    .sld-slide {
        background-size:contain !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
    }


    /* Keep navigation arrows aligned */
    .sld-prev,
    .sld-next {
        top:50% !important;
        transform:translateY(-50%) !important;
    }

}

Check if there is no unwanted overflow by slider box (try to give it float:left;clear:both; ....and other variants