Set the bottom menu as "fixed"

Reaching the bottom menu is almost impossible on all the pages with auto scroll.
This one:

I would suggest to make it “fixed” at the bottom so it is always visible.
@Tanklet

2 Likes

This CSS should work

@media (min-width: 800px)
.portal-css-1kqzcfl {
    z-index: 11;
    position: fixed;
    bottom: 0;
    width: 100%;
}
1 Like

There is already a sticky positioning in place on scrolling, but it sometimes lags a bit because the condition is applied with js. The CSS class is is-sticky.

I would suggest better fixing the sticky behavior since it´s more reliant and also avoids negative side effects of position fixed.

It doesn’t work at all for me.


Can you specify the following, please?

  • Browser and Version
  • OS

Weird I saw it for a moment, then I refreshed the page and it’s disappeared again.

Look:

Mac OS Ventura
Brave Browser (I tried with Safari too, same)

It´s currently bound as a scroll listener, it´s only attached when you scroll down, on refresh it’s not visible because of that. Also, the fetching of additional entries seems to reset it. When you scroll again after the fetch it should appear.

Brave is Chromium based and you should have support for position sticky.
But all major browsers have support - man i get old.

As I meant, there is potential for optimization :wink:

P.S.: It is removed when you scroll up.

@michelem
The bottom bar will automatically display when you scroll down about one screen height, and will automatically hide when you scroll up.

Do you still encounter this issue?
If so, could you provide the following information to us?

  • Your operation system (macos, windows, linux, etc.)
  • Your browser (safari, microsoft edge, chrome, firefox, etc.)

It seems fixed now, thanks