Somehow elements overlap

The button on slideshow is behind menu button. https://yadi.sk/i/TiDpVKrfjkrE4
Contact form submit button - the same: https://yadi.sk/i/IJxA2fwDjkrTs Even though the scroll is all the way down, the button is blocked out by menu.
Yet, on your demo page it's working fine with the same window size: https://yadi.sk/i/o2pkT75RjkreG and https://yadi.sk/i/n2izoL8Kjkrpr
The live link to this is http://finius.ru/index.php

Hi

Please tell me the exact screen dimensions You have this problems for.

Hi
Please tell me the exact screen dimensions You have this problems for.

Sorry, didn't put a note here, I've almost fixed it by applying

Code: Select all

.gk-logo-text {margin: 20px 0;}
#gk-social {margin: 20px 0;}

    #gk-social .mod-languages,
    #gk-social .custom {
        float: right;   
    }

    #gk-social .custom p {
        margin: 0.2em 0 0;
    }


from another thread in this forum. The only resolution Contacts form is still overlaping is https://yadi.sk/i/EtA67sECjqC8k and the header on frontpage is https://yadi.sk/i/2PCSbwwmjqCjC

Hi

Ok. Great to hear You've solved it. Try add this code as well:

Code: Select all

@media only screen and (max-width:799px) {
#gk-mainbody {
    padding-bottom: 150px;
}

.gk-logo-wrap .gk-logo,
.gk-logo-wrap .gk-logo-text {
    margin: 10px 0 0;
}

.gkIsWrapper-gk_photo figcaption {
    top: 90px;
}
}