In mobile view, there’s a strange line that appears in the ::after
AI-generated summary
The discussion addresses an odd line appearing in the user menu panel on narrow desktop views, which is visible when the menu slides in. king_laurel first reported the issue, noting the line appears below the user avatar in the ::after pseudo-element. jordan.vidrine initially couldn’t reproduce it but later clarified it’s related to the user icon in the header. Don confirmed the issue occurs in narrow desktop views, not mobile, and explained it can be resolved using media queries, as the slide-in menu activates under 768px. He provided context on how to test the mobile view on desktop using ?mobile_view=1. king_laurel demonstrated the behavior by squishing the screen and opening the user panel, confirming the line appears during the transition.
1 Like
Can you list the steps of how you are encountering this? That is something that actually belongs to the user icon in the header. I have tried to reproduce the issue you have in the screenshot and could not get it to appear in that manner.
2 Likes
Yep, that is correct. This is appear when you open user menu on narrow desktop view. This line isn’t visible when the user menu cover it.
It’s add a line below user avatar.
It can be removed with using media queries. The slide in menu activates under 768px.
This is the desktop view.
You can access the mobile view on desktop with append ?mobile_view=1 to the url.
To switch back to desktop view ?mobile_view=0 or in the sidebar footer desktop icon.
1 Like
on a desktop, squish your screen. Open the user panel so it slides in. Drag the screen full width.