mehdihadeli/awesome-software-architecture

Cutoff navigation on mobil screen

Coffeeri opened this issue · 3 comments

Hello!
First, thank you for creating this awesome-page! @mehdihadeli

I've noticed that you added some custom CSS in docs/static/extra.css
Commit: 8c56bca

.md-content {
  margin-left: 14.1rem;
}

.md-sidebar {
  position: absolute;
  width: 14.1rem;
  padding: 1.2rem 0;
  overflow: hidden;
}

These changes make the page unusable on mobile screens such as phones.
I am not sure what you were trying to archive with this custom CSS, let me know if I can help you with that.
Screenshot:
Screenshot

Hello!
First, thank you for creating this awesome-page! @mehdihadeli

I've noticed that you added some custom CSS in docs/static/extra.css
Commit: 8c56bca

.md-content {
  margin-left: 14.1rem;
}

.md-sidebar {
  position: absolute;
  width: 14.1rem;
  padding: 1.2rem 0;
  overflow: hidden;
}

These changes make the page unusable on mobile screens such as phones.
I am not sure what you were trying to archive with this custom CSS, let me know if I can help you with that.
Screenshot:
Screenshot

@Coffeeri Thanks for reporting the issue on the mobile. I removed all unnecessary css and files. It should work file now :)

Great, thank you!