Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make horizontal menu static #82

Closed
markzolotoy opened this issue Oct 14, 2019 · 6 comments
Closed

Make horizontal menu static #82

markzolotoy opened this issue Oct 14, 2019 · 6 comments

Comments

@markzolotoy
Copy link

markzolotoy commented Oct 14, 2019

I have successfully remove sidebar and asidebar by doing this:
[sidebarToggler]="false" [mobileSidebarToggler]="false" [mobileAsideMenuToggler]="false" [asideMenuToggler]="false"

Now I want to have a horizontal menu static. It's going to be just a few items that will always fit on the screen and at this time I dont need mobile. So, when I resize the Browser I dont need the menu to respond to it. Any idea how to do it? I've got it working but cannot find a way to make the menu left aligned. Any idea?

Thanks

@xidedix
Copy link
Member

xidedix commented Oct 15, 2019

Hi @markzolotoy
The answer is: "it depends"...
Do you want to keep navbar-brand?
If not, the simplest way is to replace <app-header ...> component with <div class="app-header navbar"> for the default-layout.

@markzolotoy
Copy link
Author

markzolotoy commented Oct 15, 2019

So, I have this:
<div class="app-header navbar fixed-top">
It helped with alignment. But when I scroll the page the top menu is scrolling too. Naturally, I only want to scroll the application content area. Any idea how to achieve that?

Thanks

@xidedix
Copy link
Member

xidedix commented Oct 15, 2019

@markzolotoy

  • add class header-fixed to html body

@markzolotoy
Copy link
Author

Yea, that helps, but the vertical scroll bar still takes the whole page while it should be for the content area only.

@xidedix
Copy link
Member

xidedix commented Oct 15, 2019

This is the current behavior. We'll see what we can do.

@github-actions
Copy link

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants