Align navebar's items on both left and right

Using Themes
1

Hi everyone,
I am using Hugo Blox and everything is working nicely. I just need to divide the navbar, so that some items are on the right and some on the left.
Here is the code:

menus.yaml:

main:
  - name: Features
    weight: 10
  - name: About us
    weight: 20
  - name: Log in
    weight: 30

and params.yaml looks like:

# Site header
header:
  navbar:
    enable: true
    blox: "navbar"
    align: "left"

So I need to put Features and About us on the left, and Log in on the right.
Does anyone know how to do it? Thank you.

2

Blox is special…

You are more likely to receive an accurate and timely response from the Academic/Wowchemy/Hugo Blox team:
https://github.com/HugoBlox/hugo-blox-builder/discussions

They also have an active Discord channel:

3

After a bit research, I find out there are two ways to customize navbar, as the following:

  1. To modify the style of your website (including navbar) you need to define a
    custom.css file in assets/css/ (if their are not such folders, just make them) and their you can modify the style of classes.
  2. If you need to apply major modifications, then you need to define a new html file. In my case, I had to define my-navebar.html file in layouts\partials\components\headers\ and add it in params.yaml file (if their are not such folders, just make them).