Prime Community Forum

Posted: **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> ?

Posted: **13 Nov 2017, 10:58**

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

<app-menu></app-menu>

remove margin-left in layout-main ( _main.scss )

.layout-main{
	margin-left: 60px; (this line)
}

change width in layout-topbar (_main.scss)

.layout-topbar {
	width: calc(100% - 40px); (replace with width: 100%;)
}

Also, you remove related component etc.

Posted: **13 Nov 2017, 21:20**

Great, it works!

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

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

Thanks!

Posted: **30 Nov 2017, 13:20**

Glad to hear issue is resolved.

Don´t want sidebar - Simpler layout