tomaja

Hi darklite,
I suggest to you to read customizr slider documentation

I really dont know if I understand your question but if you want more featured pages on front page check this thread

Your custom css code is quite messy, I must say. Your current setting is screen width 984px only and that is not good, you need to set max-width to greater width for your site can to be seen right on greater screens as well. You also need to remove the line
footer#footer {width: 1100px;} because it set footer to be fixed at 1100px
I tried the above code on clean, default install and it works so I guess you need to check your custom css code again and make corrections.

Hi 4duckiskand,
you can try to add this code to your custom css

body {
background-image: url('LINK_TO_YOUR_GRADIENT_IMAGE');
background-repeat: repeat;
background-position: top left;
}

You can try to add this to custom css or to your child theme style.css

@media all and (min-width: 1080px) and (max-width: 1920px) {
.tc-header {
width: 1170px;
margin: 0 auto;
}
#footer {
position: relative;
width: 1170px;
margin: 0 auto;
}
}

Any luck with this ? Did you check folder premissions ?

Basically, you need to create a new slider and place it on front page. Check Customizr documentation

Try to add overflow option, like

.tc-header {
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    overflow: hidden;
}

Be aware that mobile browsers are not fully compatible with web standards.