Skip to content
Sudonix

navigation menu panel on mobile

Solved Customisation

Did this solution help you?
Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation 💗

Related Topics
  • phenomlabundefined

    Planned sunset of NTFY plugin

    Pinned Announcements
    7
    8 Votes
    7 Posts
    229 Views
    phenomlabundefined

    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.

  • crazycellsundefined

    how to prevent DDoS attacks ?

    Solved Vulnerability
    34
    17 Votes
    34 Posts
    2k Views
    crazycellsundefined

    @phenomlab thank you very much, this was helpful. Everything looks ok 🙂

  • phenomlabundefined

    Unable to change icon in NodeBB navigation

    Tips
    1
    1 Votes
    1 Posts
    220 Views
    No one has replied
  • Salaundefined

    The best css to customize our logo?

    Solved Customisation
    2
    1 Votes
    2 Posts
    491 Views
    phenomlabundefined

    @Sala This should look better

    .sidenav .navbar-brand { padding-top: 0.5rem; padding-bottom: 0.5rem; }

    e5cec20e-be36-4ee8-9129-fd11ad4656ac-image.png

    You can increase the top and bottom padding by increasing the values above.

  • Pandaundefined

    Title on homepage of nodebb forum

    Solved Customisation
    2
    1 Votes
    2 Posts
    677 Views
    phenomlabundefined

    @eveh Welcome board 🙂

    The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps

    Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; }

    Note, that you will need to adjust your CSS code to suit your own site / requirements.

  • DownPWundefined

    Quote design CSS

    Solved Customisation
    15
    4 Votes
    15 Posts
    1k Views
    phenomlabundefined

    @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning.

    Good spot 🙂

  • crazycellsundefined

    ineffecient use of space on mobile

    Solved Customisation
    10
    7 Votes
    10 Posts
    711 Views
    crazycellsundefined

    @phenomlab Thanks 🙏

  • DownPWundefined

    IRC Server/Client - Chat App with NodeBB

    Linux
    6
    1 Votes
    6 Posts
    805 Views
    phenomlabundefined

    @Hari not sure from the consumer perspective, but Skype has been all but completely consumed by Microsoft Teams when it comes to business usage.