Scrolldown arrow not on screen with 100% color section

Hi WolfvanHaeren!

Thank you for using Enfold.

The height of the color section is the same as the browser height. You can test it by hiding the header temporarily.

#header { display: none !important; }

What you need is to adjust the scroll position. Add this in the functions.php file:

add_action('init', 'ava_action_init');
function ava_action_init() {
    global $avia;
	$avia->options['avia']['header_custom_size'] = 50;
	return $avia;
}

And the following css code in the Quick CSS field:

.av_header_shrinking #header_main .container, .av_header_shrinking #header_main .main_menu ul:first-child > li a {
    height: 88px !important;
    line-height: 88px !important;
}

.av_header_shrinking.header-scrolled #header_main .container, .av_header_shrinking.header-scrolled #header_main .main_menu ul:first-child > li a {
    height: 44px !important;
    line-height: 44px !important;
}

.av_header_scrolldown.header-scrolled #header_main .container, .av_header_scrolldown.header-scrolled #header_main .main_menu ul:first-child > li a {
    height: 44px !important;
    line-height: 44px !important;
}

Best regards,
Ismael

Hi!

Did you add the css code? The height of the color section is exactly the same as the height of the browser height. Could you please provide a screenshot of the site on your end?

Regards,
Ismael

Hey!

Did you zoom the browser in? This is how those sections look on my end (header removed): http://imgur.com/a/LFPVg

Please add the code back then give us a link to the page with the header issue.

Best regards,
Ismael

Hey!

Add this below the previous code to fix the sub menu:

.av_header_shrinking #header_main .main_menu .sub-menu > li a {
    height: 44px !important;
    line-height: 44px !important;
}

Cheers!
Ismael

Hey!

Yes, that is possible but you have to modify the js > avia.js file. This file can’t be overwritten in the child theme so you have to do this modification every theme update.

Cheers!
Ismael