question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Layout] fixed footer

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

  • bug report
  • feature request

Issue description

Current behavior:

Looks like fixed attribute doesn’t change footer behavior Expected behavior:

Remove or fix fixed footer attribute Steps to reproduce:

Related code:

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:4
  • Comments:9

github_iconTop GitHub Comments

6reactions
ProDInfocommented, Mar 26, 2020

Please correct this behavior. Is usefull for mobile applications Only add to css this code to src/framework/theme/components/layout/layout.component.scss:

::ng-deep nb-layout-footer { … …

&.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

}

2reactions
RohanGautamcommented, Jun 13, 2020

still an issue! Anyone knows any workarounds?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Sticky Footer, Five Ways | CSS-Tricks
The purpose of a sticky footer is that it “sticks” to the bottom of the browser window. But not always, if there is...
Read more >
How To Create a Fixed Footer - W3Schools
Learn how to create a fixed/sticky footer with CSS. Fixed/Sticky Footer Example. The footer is placed at the bottom of the page. Footer....
Read more >
Sticky footers - CSS: Cascading Style Sheets - MDN Web Docs
A sticky footer pattern is one where the footer of your page "sticks" to the bottom of the viewport in cases where the...
Read more >
Sticky Footer with CSS (Two Methods) - CodeinWP
Code snippet and demos to show how to create a page layout with a sticky footer using two methods: Flexbox and position: fixed....
Read more >
Fixed Footer Layout - AdminLTE 3
Fixed Footer Layout. Home; Layout; Fixed Footer Layout. Title. Start creating your amazing application! Footer. Version 3.2.0.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found