In the Persona theme, the navbar is at the top left on mobile, but in the Harmony theme, it appears at the bottom. How can I move the navbar to the top left, just like in the Persona theme? Is there a solution for this?

Marking as resolved, based on https://community.nodebb.org/topic/18625/navbar/2

sudonix

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

navbar

Solved Customisation

2 Posts 2 Posters 55 Views

undefined Offline
undefined Offline
kadir ay 0

wrote on 15 Feb 2025, 23:16 Edited Invalid Date last edited by

#1

In the Persona theme, the navbar is at the top left on mobile, but in the Harmony theme, it appears at the bottom. How can I move the navbar to the top left, just like in the Persona theme? Is there a solution for this?
1 Reply Last reply

0
undefined Online
undefined Online
phenomlab

wrote on 16 Feb 2025, 12:30 Edited Invalid Date last edited by

#2

Marking as resolved, based on

Loading...

Please wait while the description loads.

Loading...
Author of OGProxy, Swatch, Threaded, Card, and most of Sudonix's bugs…
1 Reply Last reply

2
undefined phenomlab has marked this topic as solved on 16 Feb 2025, 12:30

Hello! It looks like you're interested in this conversation, but you don't have an account yet.

Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (ether email, or push notification). You'll also be able to save bookmarks, use reactions, and upvote to show your appreciation to other community members.

With your input, this post could be even better 💗

Register Log in

1/2

15 Feb 2025, 23:16

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

undefined

Please help me, I can't install nodebb
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb
2 10 Jan 2025, 19:07
10 Jan 2025, 19:07

5 Votes

7 Posts

220 Views

undefined 13 Jan 2025, 09:57

Installation completed, verified, and tested. Correct installation methodology is below https://docs.nodebb.org/installing/os/ubuntu/
undefined

Forum customisation
Watching Ignoring Scheduled Pinned Locked Moved Customisation nodebb forum customised
2 17 Oct 2024, 21:39
17 Oct 2024, 21:39
2

6 Votes

11 Posts

396 Views

undefined 28 Oct 2024, 22:48

Thank you Mark, the changes look fantastic!!
undefined

Fancybox zoom
Watching Ignoring Scheduled Pinned Locked Moved Unsolved Customisation fancybox zoom image
2 24 Sept 2024, 20:38
24 Sept 2024, 20:38
1

0 Votes

2 Posts

125 Views

undefined 25 Sept 2024, 10:48

@DownPW Technically, it should be possible with the addition of the below Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, Meaning your code block becomes function fancybox() { if (top.location.pathname !== '/login') { $(document).ready(function() { $('a').not('.forum-logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() { $('a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]').addClass("noanimate"); }); }); Fancybox.bind( 'a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]', { Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, } ); } } Note, that you just need to add/remove the elements in the toolbar you do not need. Obviously, zoomIn and zoomOut are the ones you are specifically interested in. However, if Fancybox detects that the image has already been zoomed as far as possible, then this will not work. You’d need an external library such as zoom.js to add this functionality, or perhaps simpler https://www.jacklmoore.com/zoom/ A good example of how you’d make these two independent libraries work together is below https://codepen.io/ezra_siton/pen/VgrjKw It’s worth nothing that this specific code is based on Fancybox 3, so may need to be refactored to work with the latest version 5.
undefined

NodeBB recent cards customisation
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb recent cards
2 6 Aug 2024, 18:16
6 Aug 2024, 18:16
1

2 Votes

3 Posts

174 Views

undefined 7 Aug 2024, 10:52

@phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
undefined

CSS code customization for the link preview plugin
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css nodebb
2 3 Apr 2024, 02:11
3 Apr 2024, 02:11
2

3 Votes

6 Posts

836 Views

undefined 16 Feb 2025, 12:32

@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.
undefined

Page control arrows for PWA
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb
2 29 Mar 2024, 21:14
29 Mar 2024, 21:14

25 Votes

27 Posts

2k Views

undefined 8 Apr 2024, 18:00

@crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems. /** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android } Once you’re in that rabbit hole, it’s impossible to get out of it.
undefined

Modify the tagging behavior in NodeBB
Watching Ignoring Scheduled Pinned Locked Moved General tagging harmony
2 10 Jul 2023, 05:53
10 Jul 2023, 05:53

3 Votes

11 Posts

604 Views

undefined 12 Jul 2023, 14:28

For anyone else following this thread https://community.nodebb.org/topic/17402/change-in-reply-to-xxxx-text And https://github.com/NodeBB/NodeBB/commit/f2152953cddd3247746ef393516b0a53ba7750a4
undefined

Bug Navbar CSS
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation navbar css
2 1 Jan 2022, 00:56
1 Jan 2022, 00:56

1 Votes

3 Posts

407 Views

undefined 1 Jan 2022, 20:55

Not better way. Thanks.

sudonix

navbar

Loading...

Loading...

Did this solution help you?

Related Topics

Individual Categories