Skip to content

Bottom footer navbar button extend

Solved Customisation
32 2 15.4k 1
  • wrote on last edited by DownPW
    #21

    ha oki lol 😉

    another request but if it’s not possible, it does not matter 🙂

    Can we imagine when the footerbar is reduced, we descend the pagination block automatically ?

    ee0d46da-1589-4b66-8dd5-68fe63f80b82-image.png

    it would be cleaner. what do you think ?

  • ha oki lol 😉

    another request but if it’s not possible, it does not matter 🙂

    Can we imagine when the footerbar is reduced, we descend the pagination block automatically ?

    ee0d46da-1589-4b66-8dd5-68fe63f80b82-image.png

    it would be cleaner. what do you think ?

    wrote on last edited by phenomlab
    #22

    @DownPW that should be possible, yes. Leave it with me

  • wrote on last edited by phenomlab
    #23

    @DownPW instructions restored

    Fixed:

    • Footer does not collapse correctly on reload
    • Record session state in session, and not cookies (mostly because cookies can be disabled)
    • Pagination bar drops to fill missing footer on collapse
    • Correct icon direction displayed when expanding and collapsing

    Let me know how you get on.

    Note that there may be some cosmetic issues on mobile devices, which I will work through if necessary. In some cases it’s actually better to hide the footer altogether on mobile because of the screen estate.

    Here’s what it looks like

  • phenomlab phenomlab has marked this topic as solved on
  • wrote on last edited by
    #24

    @phenomlab

    Very good job Mark 😉

    –> I may have done something wrong but everything is ok except the pagination block which does not go down automatically.

    An idea ?

  • @phenomlab

    Very good job Mark 😉

    –> I may have done something wrong but everything is ok except the pagination block which does not go down automatically.

    An idea ?

    wrote on last edited by
    #25

    @DownPW not sure without checking, but I’ll have a look later

  • wrote on last edited by DownPW
    #26

    @phenomlab

    I have check and see my error 🙂

    Oh my god, it’s beautiful mark 😉

  • @phenomlab

    I have check and see my error 🙂

    Oh my god, it’s beautiful mark 😉

    wrote on last edited by
    #27

    @DownPW great ! Post a video so we can see how it looks outside of Sudonix 👍

  • @DownPW great ! Post a video so we can see how it looks outside of Sudonix 👍

    wrote on last edited by
    #28

    @phenomlab What tools you use ?

  • @phenomlab What tools you use ?

    wrote on last edited by
    #29

    @DownPW one of the many freely available screen recorders for chrome (extensions). Nothing fancy.

  • wrote on last edited by
    #30

    @phenomlab said in Bottom footer navbar button extend:

    @DownPW great ! Post a video so we can see how it looks outside of Sudonix 👍

    Animation.gif

  • @phenomlab said in Bottom footer navbar button extend:

    @DownPW great ! Post a video so we can see how it looks outside of Sudonix 👍

    Animation.gif

    wrote on last edited by
    #31

    @DownPW Looks great !

  • wrote on last edited by phenomlab
    #32

    @DownPW said in Bottom footer navbar button extend:

    Oh my god, it’s beautiful mark

    I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept ♥

  • phenomlab phenomlab referenced this topic on

Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • navbar

    Solved Customisation navbar harmony
    2
    2 Votes
    2 Posts
    1k Views
    phenomlab
    Marking as resolved, based on https://community.nodebb.org/topic/18625/navbar/2
  • Recent Cards Plugin

    Solved Configure customisation
    5
    1
    4 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells that’s a good point. Thanks
  • Fontawesome 5

    Unsolved Customisation fonts css nodebb
    14
    1 Votes
    14 Posts
    6k Views
    phenomlab
    @pwsincd hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • 2 Votes
    10 Posts
    4k Views
    phenomlab
    @DownPW We just have to change the cycles automatically according to each period ? Yes, this is by far the safest I think it is possible to achieve the goal, I have already seen this kind of thing on a site without any perf problems. It’s certainly possible, but not without issues or impact to performance (in my view)
  • [NODEBB] Scroll Button

    Solved Customisation css javascript html scroll button
    7
    1
    0 Votes
    7 Posts
    3k Views
    phenomlab
    @downpw ooops. Forgot that. Thanks for adding.
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    4k Views
    JAC
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • Multiple link on one ico non Navbar

    Solved Customisation links css navbar
    7
    1
    2 Votes
    7 Posts
    3k Views
    DownPW
    yeah you’re right @phenomlab. Problem of NodeBB Version
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.