Sticky social footer, can be better?

Justoverclock

hi all, i have modified this sticky social footer, and i want to share with u the code, but i need some help...i think can be more clean and modern, any help?

ISSUE: if i try to make a new post, the REPLY button is hidden by the footer...so impossible to post

here my codepen:

screen with colored version:

User24

Justoverclock how did you placed that big image with text on it? also, the logo is also quite wide right. how ? i really love it 🙂

clarkwinkelmann

Flarum isn't automatically aware of the space added underneath the application. To adapt it would require extending multiple places of the source code.

One other approach that could be used for footers is https://discuss.flarum.org/d/17774-friendsofflarum-custom-footer

Justoverclock

there's a place where i can see a demo of fof custom footer?

Justoverclock

User24

Simply add this to your css:

.Header-logo {
   min-height: 50px;
 }
.App-header {
    height: 60px;
}

pupsik

Simple CSS tricks.