'Scroll down arrow' lands too low on page with 'Header is invisible and appears'

I just used the CSS mentioned above (Though some content is still cutoff). Hopefully there will be a fix soon!

Thanks!

@Ismael I know the above comment was directed to the other poster, but I’m having such a hard time with this. The color section extends past the page; it’s not the scroll target. I use Enfold on many sites, and using the same files, I am ONLY having this issue on one install – it’s bizarre.

Any updates?

@The_Rhyme_Animal have you found a solution?

Hi All,

I seem to be having this problem also. I have a few color sections with 100% browser height setting. The first Scroll arrow is on screen but the rest are not – you have to scroll down to see the arrow, which defeats the object of this feature.

What is the fix? Was another topic started about this?

I tried the CSS suggested by Rikard but it doesn’t work.

Thanks,
H

Hi @Rikard,
Thanks for the quick response. I shall include the details below in the private section as the site is not live yet. Please can you use these also for looking at issue https://kriesi.at/support/topic/how-to-change-the-color-of-the-display-a-scroll-down-arrow/#post-528234 ?

Many thanks,
H

@Ismael, thanks for the reply. I can accept it is not a bug because @Kriesi wrote the code like that. But I think if you looked at every other theme that offers a down arrow at the bottom of a section, people would not have to be altering code because the code author decided not to make the following sections 100%. I really don’t understand the argument. When is a bug not a bug? Surely it is a design defect then?

I’m disappointed to see quite a few people bring this up and for you not to treat it as a bug. Can this be “fixed” in the next release?

Many thanks for your continued, quick replies.

H

@Ismael,

I’m a little confused here. So I do not have a Child theme yet. I know how to create one and install one and will do that.
Do I edit the main shortcodes.js file and then change the Child Functions file or do I copy the shortcodes.js file into the child theme folder ?
Do I need to create a child theme sub folder first called js and then copy the shortcodes.js file into that and then edit that and the child theme functions.php file?

Thanks,
H

(on another note, I have changed the Theme Name: in my child settings on another site but when I right click the site page and view source, it says Theme Enfold. Should it not say the Child Name ?)

Howdy guys,

i was having the exact same problem and just wanted to share my “hack” for this.

I just took the avia icon element, put it into the section, gave it a name and copied the css of the scroll down arrow (just the lines you need).

Looks like this:

#top .your-custom-id {
  animation:avia_fade_move_down 2s ease-in-out infinite;
  height:60px;
  left:50%;
  line-height:60px;
  margin:0 0 0 -40px;
  position:absolute;
  text-align:center;
  text-decoration:none;
  text-shadow:rgba(0, 0, 0, 0.4) 0 0 3px;
  width:80px;
  z-index:100};

Maybe it helps you!

Cheers.

• This reply was modified 8 years, 3 months ago by alexanderduenchem.

Thanks for the suggestion @alexanderduenchem much appreciated

I’m not very technical but I did try this. I ended up with just an animated arrow that you couldn’t click above my circle image at the top of the section lol.

I also tried @ismeal suggestion of editing the functions.php file (i now have a child theme), but that didn’t do anything.

You can see my page now on the live site: http://crossleydomesticservices.com/services/

I have just accepted that this is how it is. But when you show a page like this to a developer, I think it is hard for them to say this is how it should work ;)