Div not showing up in bigger screens

So i have started my website
It’s not the best, im improving. The problem is that my website sidebar menu only appears on small screens…
Here’s my replit to view it: https://replit.com/@PumpkinPie93/Website?c=1
The sidebar menu and close menu button is gone, do i need css or more code to this problem? Im looking forward for you guys answers.

It’s there on large screens. It looks you have it auto hide around 990px.

1 Like

That’s the way it was designed as the sidebar appears on the larger screen because you have more room for it. If you remove the sidebar then the content will have to stretch all the way across and will be difficult to read on large screens as the lines will be too long.

If that’s definitely what you want then you will need to remove the two media queries that hide those elements and you can see the rules here in these screenshots from devtools.

Screen Shot 2022-01-06 at 13.40.02
Screen Shot 2022-01-06 at 13.39.10

Find those two rules that have important on them and comment those rules out then add the following to remove the margin-left on the content.

@media screen and (min-width: 993px) {
  .w3-main {
    margin-left: 0 !important;
  }
  .w3-sidebar.w3-collapse {
    display: none;
  }
}

This will then display these 2 scenarios.


Thanks

No, the menu of the sidebar isnt there

I’ve already got a fix from a friend, thanks for your effort

EDIT: this is solved