Bottom of the user menu goes out of screen

The user menu is not fully visible. The buttons for scrolling it down and dismiss the notifications is out of the screen. It’s not possible to scroll to them.

I believe there is a SCSS issue causing the height of the menu to be too big.

Screenshots

Here are the inline Markdown images:


Have you tried safe mode?

2 Likes

Thank you. I didn’t know safe mode was a thing.

As I have determined, it’s unfortunately the forum theme causing the issue.

1 Like

You mean fortunately! :four_leaf_clover:
It means you can track down the issue and solve it :slight_smile:

3 Likes

Very true. It means I can fix it. A little challenging but I can do it.

Okay there’s something a little odd. In safe mode the variable --header-offset is set to “64px”. In regular mode, it’s not set to a value. Judging from the PR, this is the intended outcome and I need to define it on my theme?

This is weird. The variable should be calculated regardless of the theme you use.

I have a custom header (HTML + CSS) and on my site and --header-offset is correctly set to another value than the default one.

I’ve been meaning to use a simpler theme. Maybe switch over from SASS to regular CSS while I’m at it.

1 Like