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 💗

  • Pandaundefined

    Why CSS acts different in Desktop?

    Bugs
    11
    4 Votes
    11 Posts
    333 Views
    phenomlabundefined

    @DownPW I’d have to agree with that.

  • cagatayundefined

    Changing Background on NodeBB

    Solved Customisation
    4
    0 Votes
    4 Posts
    526 Views
    phenomlabundefined

    @cagatay You’d target the body tag and use the below line of CSS

    background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed;

    Obviously, you need to change the path to suit where your image is being stored.

    More info around the background property can be found here

    https://www.w3schools.com/cssref/css3_pr_background.php

  • Salaundefined

    Fresher in Nodebb install

    General
    24
    15 Votes
    24 Posts
    1k Views
    phenomlabundefined

    @Hari I’ve been reading a lot about APO. Looks impressive.

  • Pandaundefined

    Rotating homepage icons, gifs?

    Solved Configure
    2
    3 Votes
    2 Posts
    195 Views
    phenomlabundefined

    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though 🙂

    The CSS for that is as below

    @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } }

    Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate

    .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • DownPWundefined

    Quote design CSS

    Solved Customisation
    15
    4 Votes
    15 Posts
    684 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 🙂

  • DownPWundefined

    [NODEBB] Wallpapers BUG on Firefox Mobile ?

    Solved Customisation
    9
    0 Votes
    9 Posts
    804 Views
    phenomlabundefined

    @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 ?)

  • DownPWundefined

    [NODEBB] Reply Button/arrow answer

    Solved Customisation
    25
    4 Votes
    25 Posts
    2k Views
    DownPWundefined

    Topic open
    https://sudonix.com/topic/207/nodebb-help-for-my-custom-css

  • DownPWundefined

    [NODEBB] Scroll Button

    Solved Customisation
    7
    0 Votes
    7 Posts
    726 Views
    phenomlabundefined

    @downpw ooops. Forgot that. Thanks for adding.