Disable logo and main menu

Hi guys, I have another question, hope that is solvable with a few lines of css:
is it possible to hide and logo and main menu, until I scroll home page to the end of the slider?
I found a way to hide the logo, but how to hide everything and show them in some precise point, as I described above?
Thank you, Nikola
EDITED: Sorry, here is a link: http://rakita.blazzevic.net/en/home/

Hello there,

To achieve it, please follow these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

   'use strict'

   $(window).on('load scroll', function() {
     var distance = $('#primary').offset().top;
     var y        = $(this).scrollTop();
     if ( y >= distance) {
        $('.home.main-slider-passed .site-header').fadeIn();
     } else {
        $('.home.main-slider-passed .site-header').fadeOut();



  1. Update
  2. Add this CSS code into Appearance > Customize > Additional CSS.

.home .site-header {
  display: none;

.home .site-header {
  background-color: rgba(0,0,0,0.9);

OMG this is not a few lines of CSS, your support is amazing. Thank you @Kharis