How to hide the full screen slider and make the content area displayed right under the menu on mobile views?

You can use this custom CSS to adjust it:

@media only screen and (max-width: 1160px) {
    #full-scrn-slider-container {
        display: none;
    }
    #content-container {
        top: 0;
        position: relative;
    }
}

You can find where to place the code by going to "Style Customizer > Others > Custom CSS".