pupsik Just gotta figure out a way for footer to be on top of DiscussionPage-nav and not behind it. What if you use a picture as a background? I will monkey with it, and see what I can come up with. Have you tried adding z-index : 1;
[deleted] pupsik Just gotta figure out a way for footer to be on top of DiscussionPage-nav and not behind it. You can use CSS position for that (fixed) or use z-index as you indicated.
pupsik Try this: .contact-area { border-bottom: 1px solid #353C46; position: relative; z-index : 1; }
[deleted] Justoverclock the custom footer will take CSS if you insert it between style tags. Same applies to html which should work without issue as it does on metabullet
[deleted] Justoverclock yes, but you could also include it in your custom CSS and that will also work.
ctml I believe what you're looking for can be done with CSS. https://discuss.flarum.org/d/26130-css-problem-with-discussionpage-nav I am already using this to fix the scrubber overflowing my custom footer, the height of the footer does not matter.
Justoverclock ctml https://discuss.flarum.org/d/26130-css-problem-with-discussionpage-nav I am already using this to fix the scrubber overflowing my custom footer, the height of the footer does not matter. I try this solutions, but I think this need to be fixed, a lot of user that want Flarum are not coder 😅
JohnP ctml I believe what you're looking for can be done with CSS. https://discuss.flarum.org/d/26130-css-problem-with-discussionpage-nav This is the solution I'm using and it works really well for us. Examples in action: talk.ekodiena.com
pupsik JohnP Not even talking about footer. Why is it on flarum when you make screen smaller(length wise ) Navbar goes beyond to the bottom of screen, when in your website it ends wright where "write reply" ends. You: https://ibb.co/PT0qMP0 Flarum: https://ibb.co/1LPXt4N Same size screen. What is going on???
Justoverclock so i need to add this? @media (min-width: 992px) { .DiscussionPage-nav, .DiscussionPage-nav>ul { width: 190px; position: sticky; top: 80px; } .App {overflow-x: visible;} }
ctml Justoverclock https://discuss.flarum.org/d/26130-css-problem-with-discussionpage-nav/3 edit: fixed .Post::before, .Post::after {content:none;} @media (min-width: 992px) { .DiscussionPage-nav, .DiscussionPage-nav>ul { position: sticky; top: 80px; } .App {overflow-x: visible;} }
Justoverclock ctml Just this .Post::before, .Post::after {content:none;} does not work for me if i reduce the size of the windows but work with @media (min-width: 992px) { .DiscussionPage-nav, .DiscussionPage-nav>ul { width: 190px; position: sticky; top: 80px; } .App {overflow-x: visible;} } but the footer is too large....does not appear like my codepen
ctml pupsik ctml Yeah you are right, I double checked my forum I did actually have both parts in my CSS. I was trying to go off memory from the other thread.
ctml pupsik prevents the scrubber on right from overflowing on top of a custom footer (last screenshot in post 1). This is usually only an issue if you have a custom footer and are viewing a discussion with mror than a few posts.
pupsik I'm just not getting it I guess, you guys got me all paranoid now. Here is Flarum, https://ibb.co/gwpM5sJ Navbar goes all the way to the bottom when making screen smaller. here is yours guys with a fix. Got space below. https://ibb.co/Wc38mxT Here is mine (with fix) still all the way to the floor. https://ibb.co/0BBMxtt
