The asp.net menu on my website is functioning properly with one exception: the last submenu does not change direction from left to right, and its content is getting cut off at the edges of the screen.
This issue is particularly noticeable in the Master page code snippet below:
<style type="text/css>
html, body {
height: 100%; /* Sets the body to fill the whole screen */
width: 100%;
overflow-x: hidden;
}
...
#Progress_bar {...}
</style>Additionally, I have utilized the "overflow-x: hidden;" property in the HTML and body elements to eliminate unnecessary white space with a horizontal scrollbar on the left side. Prior to this adjustment, the submenu would become visible when scrolling left, but the endless white space with the scrollbar made navigation difficult.
For reference, you can view the image at the following link:
Unfortunately, I am unable to embed the image directly due to restrictions on posting images without sufficient reputation.
My menu code snippet is structured as follows:
Here is the corresponding CSS code for the menu:
div.menu {
background-color: #1C5E55;
}
...
}
If you can provide any guidance or assistance on resolving this issue, it would be greatly appreciated. I have also posted the same question on the ASP.NET forums here, but have yet to receive a response.