I’m trying to position a vertical RadMenu on a page so that the main root items are a fixed width, while still allowing the child items to overlap anything next to the menu if its parent item is scrolled over. Our pages each have a header and footer, so, in between, I put a RadSplitter with two RadPanes, one for the menu and one for whatever data is on the page. I want the menu pane to be a fixed width and the pane next to it to fill in any remaining space.
A problem I’ve been running into is that when I scroll down the page, sometimes the menu seems to shift up and cover the header. Since then it moves out of the area I wanted it in, I tried setting the CSS position of the RadPane to be relative, which will make the menu be contained in the pane, but then it doesn’t allow the child menu items to spread out over the pane next to it. I also tried setting the position of the entire splitter to be relative, but that didn’t seem to stop the menu from shifting up, either.
Is there any way I can have the root items of the menu be contained in a pane of a fixed width that doesn’t shift up over other elements, but still allows the child items to overlap things next to it? If anyone has any ideas, I would really appreciate it! Thank you!