Don´t want sidebar - Simpler layout

Post Reply
botura
Posts: 2
Joined: 18 Oct 2017, 02:46

13 Nov 2017, 01:45

I don´t want to use the sidebar menu, how can I hide it and use a simpler layout with only <app-topbar>, <router-outlet> and <app-footer> ?

merve7
Posts: 46
Joined: 12 Sep 2017, 10:44

13 Nov 2017, 10:58

Please, can you try?
remove <app-menu> tag in app.component.html

Code: Select all

<app-menu></app-menu>
remove margin-left in layout-main ( _main.scss )

Code: Select all

.layout-main{
	margin-left: 60px; (this line)
}
change width in layout-topbar (_main.scss)

Code: Select all

.layout-topbar {
	width: calc(100% - 40px); (replace with width: 100%;)
}
Also, you remove related component etc.

botura
Posts: 2
Joined: 18 Oct 2017, 02:46

13 Nov 2017, 21:20

Great, it works!

I also had to remove this line from the layout file (layout-moody.css).

Code: Select all

.layout-wrapper .layout-main {
  /* margin-left: 60px; */
  ...
Thanks!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest