Hi Mark My header located left side after upgrading to v3.1.1

@ 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

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).

Header Menu After Upgrading V3.1.1

Solved Customisation

2 Posts 2 Posters 822 Views 1 Watching

undefined Offline
undefined Offline
cagatay

wrote on last edited by cagatay

#1

Hi Mark
My header located left side after upgrading to v3.1.1
undefined 1 Reply Last reply

0
undefined cagatay

Hi Mark
My header located left side after upgrading to v3.1.1
undefined Offline
undefined Offline
phenomlab

wrote on last edited by phenomlab

#2
@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
Mark – Founder, Phenomlab Ltd
Executive IT & Security Leadership
Phenomlab Ltd
1 Reply Last reply

2
undefined phenomlab has marked this topic as solved on

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 (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

With your input, this post could be even better 💗

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

undefined

Page control arrows for PWA
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb
27

25 Votes

27 Posts

9k Views

undefined

@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

"most votes" ranking option is not respecting the plugin
Watching Ignoring Scheduled Pinned Locked Moved Bugs nodebb
5

1

3 Votes

5 Posts

1k Views

undefined

@crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
undefined

navigation menu panel on mobile
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb css
8

1

7 Votes

8 Posts

2k Views

undefined

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

SEO and Nodebb
Watching Ignoring Scheduled Pinned Locked Moved Performance nodebb seo
2

2 Votes

2 Posts

1k Views

undefined

@Panda It’s the best it’s ever been to be honest. I’ve used a myriad of systems in the past - most notably, WordPress, and then Flarum (which for SEO, was absolutely dire - they never even had SEO out of the box, and relied on a third party extension to do it), and NodeBB easily fares the best - see below example https://www.google.com/search?q=site%3Asudonix.org&oq=site%3Asudonix.org&aqs=chrome..69i57j69i60j69i58j69i60l2.9039j0j3&sourceid=chrome&ie=UTF-8#ip=1 However, this was not without significant effort on my part once I’d migrated from COM to ORG - see below posts https://community.nodebb.org/topic/17286/google-crawl-error-after-site-migration/17?_=1688461250365 And also https://support.google.com/webmasters/thread/221027803?hl=en&msgid=221464164 It was painful to say the least - as it turns out, there was an issue in NodeBB core that prevented spiders from getting to content, which as far as I understand, is now fixed. SEO in itself is a dark art - a black box that nobody really fully understands, and it’s essentially going to boil down to one thing - “content”. Google’s algorithm for indexing has also changed dramatically over the years. They only now crawl content that has value, so if it believes that your site has nothing to offer, it will simply skip it.
undefined

NodeBB v3 Vote Icon
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation icons vote icons
9

2 Votes

9 Posts

2k Views

undefined

@phenomlab forget it, look likes good with your codes.
undefined

Mongo Eror with v3 beta-1
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb v3
8

4 Votes

8 Posts

1k Views

undefined

@cagatay ok. You should use a copy of the production database or a completely new one. Never share a database between two instances of NodeBB.
undefined

How to fix header side as boxed
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation header boxed sudonix nodebb
10

1

6 Votes

10 Posts

2k Views

undefined

@phenomlab yes it caused a problem for mobile users. thank you for helping …
undefined

Avatar on Topic Header
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css avatar header
9

1

0 Votes

9 Posts

2k Views

undefined

@jac said in Avatar on Topic Header: @downpw said in Avatar on Topic Header: Great Plugin I make it a bit cleaner via this CSS code: /*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } Do you have a screenshot of how this looks with the CSS change? Just added this change, thanks @DownPW

Header Menu After Upgrading V3.1.1

Did this solution help you?

Related Topics

Individual Categories