Technical Documentation: Problem with Sidebar

Hey guys,

I am currently trying to create a technical documentation that includes a navigation bar to the left. The condition is: “On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user.” However, when I test my code, I get the error:

Left of bounding rectangle is not correct.: expected 8 to be at most -829.166748046875

My CSS file to define the Sidebar is this:

.sidenav {
  height: 100%;
  width: 180px;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #eee;
  overflow-x: hidden;
  padding-top: 20px;

Can someone help me find out, why the error occurs?


the navbar is actually pretty thin, you have styled something else instead

Thanks, that was the issue, instead of defining the sidenav portion, I actually optimized the class element within the sidenav. By changing the sidenav instead, the problem resolved.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.