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
  • CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • Bug in Nodebb route when clicking title

    Moved Configure nodebb
    3
    2 Votes
    3 Posts
    1k Views
    Panda
    Ah silly me, thanks for finding that!
  • Composer Zen icon?

    Solved Configure nodebb
    8
    1
    2 Votes
    8 Posts
    3k Views
    phenomlab
    @DownPW exactly. Not really a new concept, and in all honesty, not something I’ve ever used. If you consider the need to add links and references, or citations, you’d need to be able to see other parts of the screen!
  • Collapsing blockquotes on Harmony

    General nodebb harmony collapsible quotes
    2
    1
    2 Votes
    2 Posts
    988 Views
    phenomlab
    @dave1904 that’s a really good point actually. I know it was there previously on Persona, but you’re right - no such function exists on harmony. However, putting something in place to mimick the behaviour of Persona won’t be hard from the js standpoint, although I wonder if perhaps we should ask the NodeBB developers is this feature was overlooked?
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • Fixing YouTube videos css

    Solved WordPress css
    8
    2 Votes
    8 Posts
    3k Views
    Sala
    @phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on
  • 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 ?)