Upon creating a new project in Visual Studio 2017, I developed a default master and sub pages website.
In the master page, I incorporated a menu using a mix of divs and tables.
Everything functions properly except for when the window size is reduced to around 1280 px. At this point, the menu items disappear and become unclickable on the menu bar.
What's interesting is that the menu still has enough room, yet the items are hidden, showing only the black bar background of the menu (with the color set to black for the table).
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-collapse collapse ">
<asp:Table ID="MenuTable" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:HyperLink runat="server" ID="Contacts" NavigateUrl="~/Forms/Contacts?#DynamicLinkReplace">Kontakte</asp:HyperLink>
</asp:TableCell>
<asp:TableCell>
<asp:HyperLink runat="server" ID="PingLink" NavigateUrl='javascript:void(window.open("~/forms/ping.aspx", "Ping to XXXXX", "width=640, height=480"));' >Ping</asp:HyperLink>
</asp:TableCell>
<asp:TableCell>
<asp:HyperLink runat="server" ID="RemoteLink" Target="_blank">Remote</asp:HyperLink>
</asp:TableCell>
<asp:TableCell>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<asp:HyperLink runat="server" NavigateUrl='~/Forms/JournalT.aspx?#DynamicLinkReplace' id="JournalT">Journal T</asp:HyperLink>
</asp:TableCell>
<asp:TableCell>
<asp:HyperLink runat="server" NavigateUrl='~/Forms/JournalH.aspx?#DynamicLinkReplace' id="JournalH">Journal H</asp:HyperLink>
</asp:TableCell>
<asp:TableCell ID="MenuCellEnvelopeClearance">
<asp:HyperLink runat="server" NavigateUrl='~/Forms/Clearance.aspx?#DynamicLinkReplace' id="MenuEnvelopeClearance">Freigabe</asp:HyperLink>
</asp:TableCell>
<asp:TableCell>
<asp:HyperLink runat="server" ID="DetailsLink" NavigateUrl='~/Forms/Details.aspx?#DynamicLinkReplace'>Details</asp:HyperLink>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
</div>
</div>
The CSS is not shown because it's mainly used for styling such as color and text size (font-size 14 px, line height 1.4285).
Now, I have two questions: 1) What exactly causes this issue so I can avoid it in the future, and 2) How can I fix this behavior?