Slider on the homepage not showing complete image

Hi, my hoeslider here is not showing the complete image, there is obstruction of the image. Kindly assist with two options. 1. a transparent menu or 2. fixing it

Hello there,

Please try enabling responsive slider by going to Appearance > Customize > Header Area > Header Slider; scroll down until you get this section.


Then add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {

      #slideshow {
        height: calc(100vh + 120px) !important;  

      .header-slider .slide-item {
        background-size: contain !important;
        background-attachment: scroll;
        padding-bottom: 200px !important;
        background-position: center 110px !important;

Flush the applied site caching each time settings changes or new code addition.