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
  • "most votes" ranking option is not respecting the plugin

    Bugs nodebb
    5
    1
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
  • nodebb error logs

    Bugs nodebb
    6
    2
    4 Votes
    6 Posts
    2k Views
    ahmed
    I just wanted to ask because I don’t have much knowledge about the new installation. Thank you for the explanatory answer.
  • Threaded post support for NodeBB

    Let's Build It threading nodebb
    146
    3
    50 Votes
    146 Posts
    116k Views
    phenomlab
    Updated git for above change https://github.com/phenomlab/nodebb-harmony-threading/commit/14a4e277521d83d219065ffb14154fd5f5cfac69
  • Sidebar Widget is no longer on the side!

    Moved Solved General nodebb
    4
    2
    2 Votes
    4 Posts
    1k Views
    phenomlab
    @Panda said in Sidebar Widget is no longer on the side!: Ah, so sidebar wont work on mobile? Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system https://getbootstrap.com/docs/5.0/layout/grid/ What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.
  • Can you adjust Admin settings on your NodeBB?

    Bugs nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlab
    @Panda as, yes, now I understand and that makes 100% sense. It means those who get down voted can still have an opinion and use common services. And yes, you’re right. Rather than down vote, just ignore if you don’t agree.
  • 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
  • navigation bar is misplaced when the window gets smaller

    Solved Customisation bugs
    23
    1
    10 Votes
    23 Posts
    8k Views
    phenomlab
    @DownPW sounds good.
  • 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.