Hero Banner: adjusting the location of the "scroll down button"

Foundry
1

Can we have a property in the inspector to override the scroll button “bottom” position?

I always struggle with the Hero Banner and the scroll down button. It works perfectly on desktop and (most) Android mobiles, but but not on Safari / iOS. The scroll down button is covered by the bottom navigation elements, who are visibile on iOS until first user interaction (window size is reported larger as it actually is… I know)…

CleanShot 2021-08-02 at 09.57.01
CleanShot 2021-08-02 at 09.57.01796×874 113 KB

As the button has no own class, I can help my self with a bit of custom CSS to query the ID (partially), but this is hacky and interfers with some other stacks, who use a “scroll_button”, too:

@media screen and (max-width: 480px) {
	div[id$='scroll_button'] {
		bottom: 150px !important;
	}
}

/heiko

2 Likes
2

That would be great. I run into this as well and would love to have a solution for it.

1 Like
3

Good morning @HeikoK —

Head on over to this thread and give it a read. You can submit this feature request there.

2 Likes
4

Thanks Adam. I remember you mentioned the Repo earlier :see_no_evil:
I added a feature request.

/heiko

2 Likes
5

My CSS snippet works well for most of the cases :wink:

3 Likes
6

Thanks. I’ll try to work it in for an update in the nearish future. I’ve got a bunch of projects ongoing, but will try to hit a few of these requests when I get some down time.

3 Likes