Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #612885

    Hello Team,
    Since the last update the scroll down arrow is to low. The scroll up button still works.
    I have multiple 100% height color sections on my website. It was possible to click the scroll down arrow en you would scroll down so far you would see the next arrow. This isnt the case anymore.

    The color section should be exact 100% height of the browser

    It changed with the last update

    • This topic was modified 2 years, 7 months ago by  Wolf.

    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,


    Hello Ismael,

    Thank you for the reaction.
    You are right. Without the header I can see (just the top part of) the scroll down arrow.
    Is it possible to move it up a little more. And It seems that the color section is still a little bit more than 100%

    The code you provide changed the height of the menu. On the normal pages the menu and submenu became really large, I had to take the code out again.

    • This reply was modified 2 years, 7 months ago by  Wolf.


    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?



    I added 2 screenshots. This is how I see it. The color sections do not scale with the browser at all.
    At fullscreen browser (1) You can’t see the scrolldown arrow.

    This is with the css and functions.php code.

    This code really messes up the menu. When you look at a regular page (not home) the drop down at the top of the page is huge!

    • This reply was modified 2 years, 6 months ago by  Wolf.


    Did you zoom the browser in? This is how those sections look on my end (header removed):

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

    Best regards,


    I already added the code you gave me.

    Yes with the header removed it works.
    Isn;t there an option that it works with the header?
    Have you seen the scaling of the dropdown menu items?



    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;



    Is it possible to get custom color section for 90% height?That way I could have the menu and a colorsection that is fullscreen, with the arrow to scroll?




    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.



    THat sounds a bit to much trouble.
    We are going with 75% color sections. I would swear I have seen enfold website with multiple 100% colorsections below one another with the arrow working with a menu. But maybe I am mistaking.

    thanks anyway!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Scrolldown arrow not on screen with 100% color section’ is closed to new replies.