Skip to content

navigation menu panel on mobile

Solved Customisation
8 3 2.9k 1
  • wrote on last edited by
    #1

    Hi @phenomlab ,

    I am trying to make this menu panel longer… What is the easiest way to do this?

    Screenshot 2024-03-07 at 19.03.19.png

  • wrote on last edited by
    #2

    Well, I figured it out and leaving the codes here in case others are interested…

    .bottombar-nav .navigation-dropdown, .bottombar-nav .user-dropdown {
      max-height: 80vh !important;
    }
    

    max height is coded to be 60vh, I changed it to 80vh…

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

    @phenomlab I have just realized that you are already using this as 80vh in this forum… very smart move 🙂

  • wrote on last edited by
    #4

    You are on your way to becoming a coder. 🙂

  • wrote on last edited by
    #5

    hi @phenomlab , it is hard to browse the sudonix categories on mobile, fyi… I believe there is a bug on ios, but it is not fixed since it is not acting the same on android…

    https://community.nodebb.org/post/98459

  • hi @phenomlab , it is hard to browse the sudonix categories on mobile, fyi… I believe there is a bug on ios, but it is not fixed since it is not acting the same on android…

    https://community.nodebb.org/post/98459

    wrote on last edited by
    #6

    @crazycells I’ve disabled the auto hiding of the bottom bar here. Does this resolve the issue?

  • @crazycells I’ve disabled the auto hiding of the bottom bar here. Does this resolve the issue?

    wrote on last edited by
    #7

    @phenomlab much better… thanks…

    Additionally, somehow bottom menu bar of the sudonix looks smaller than the original? I would even suggest using slightly higher icons for people with sausage fingers lol

    Sausage Party GIF

  • @phenomlab much better… thanks…

    Additionally, somehow bottom menu bar of the sudonix looks smaller than the original? I would even suggest using slightly higher icons for people with sausage fingers lol

    Sausage Party GIF

    wrote on last edited by phenomlab
    #8

    @crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check.

    EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right…

    .bottombar-nav {
      padding: 0px !important;
    }
    

    I’ve removed this so it reflects stock Harmony.


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
  • Planned sunset of NTFY plugin

    Pinned Announcements push nodebb ntfy
    7
    1
    8 Votes
    7 Posts
    4k Views
    phenomlab
    I’ve noticed that I’m the only one subscribed to the push notifications on this site. If you were using NTFY previously, and have noticed that you’ve not had any alerts for a while, it’s because this feature has been disabled. You’ll now need to use the push notification to replace NTFY as mentioned in the first post.
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    6k Views
    phenomlab
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    1k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • NodeBB: Privileges for the Announcement channel

    Solved Configure nodebb
    6
    1
    1 Votes
    6 Posts
    2k Views
    phenomlab
    Up to you really
  • ineffecient use of space on mobile

    Solved Customisation nodebb
    10
    2
    7 Votes
    10 Posts
    4k Views
    crazycells
    @phenomlab Thanks
  • 11 Votes
    23 Posts
    10k Views
    phenomlab
    @DownPW No issues. Thanks to the Google Chrome “bug”, it does have some restrictions, but works fine other than that. I have an odd issue where it doesn’t work on Firefox mobile, but works fine on Firefox desktop.
  • [NODEBB] Wallpapers BUG on Firefox Mobile ?

    Solved Customisation nodebb wallpaper firefox mobile
    9
    1
    0 Votes
    9 Posts
    3k Views
    phenomlab
    @downpw I’m inclined to agree with this. There isn’t much else you can do, and provided it works with no odd looking artefacts in other browsers, then ok. The :before and :after are pseudo classes and very well supported across all browsers (except perhaps Internet Exploder, but who uses that these days ?)
  • [NodeBB] username cards

    Solved Customisation nodebb
    8
    5 Votes
    8 Posts
    3k Views
    Sampo2910
    @phenomlab Aha…nice to know. As always thank you for the reply and information.