Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 13, 2016 at 4:17 pm #612885
    Wolf

    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 8 years, 7 months ago by Wolf.
    April 15, 2016 at 9:13 am #614649
    Ismael

    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

    April 15, 2016 at 9:50 am #614668
    Wolf

    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%

    ps.
    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 8 years, 7 months ago by Wolf.
    April 17, 2016 at 7:57 am #615732
    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

    April 21, 2016 at 4:27 pm #619248
    Wolf

    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 8 years, 7 months ago by Wolf.
    April 25, 2016 at 11:04 am #621151
    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

    April 25, 2016 at 1:27 pm #621273
    Wolf

    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?

    April 26, 2016 at 4:50 am #621864
    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

    April 26, 2016 at 2:12 pm #622132
    Wolf

    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?

    thanks

    April 27, 2016 at 8:23 am #622831
    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

    May 2, 2016 at 11:55 am #625675
    Wolf

    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!

  • Author
    Posts
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.