how to make Manhattan footer sticky

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
agrouza
Posts: 2
Joined: 06 Mar 2017, 15:28

29 Sep 2017, 20:40

hi, i was wondering how to make manhattan footer sticky? i don't really understand why it is not in the first place... on pages with small amount of inputs and large screens it is displayed right in the middle of the screen :(. can you please help?

thanks,
a.

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

09 Oct 2017, 13:57

You can try this for sticky footer;

in _main.scss

Code: Select all

.layout-footer{
            position: fixed;
            bottom: 0;
            width: 100%;
           //maybe, z-index or other position elements
           //other codes
}
or

Code: Select all

.layout-footer{
            position: sticky;
            bottom: 0;
           //other codes
}
But, note: IE/Edge 15 and earlier versions do not support sticky position.

Post Reply

Return to “Manhattan - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests