How to can I have a header like this ?

Hi there,

Let's take care of one question per topic.

Can you add this CSS below and see if this takes of the navigation icon location requirement?

@media (min-width: 769px) {
    .main-navigation .menu-bar-items {
        position: absolute;
        right: 0;
    }
    .nav-align-center.main-navigation.navigation-stick .inside-navigation {
        justify-content: flex-start;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hi,

It works, when I'm using full screen, but when editing with customize, it looks like this:

Hmm let's try the edited CSS here:
https://generatepress.com/forums/topic/how-to-can-i-have-a-header-like-this/#post-1912100

Hi, It works, Thanks!!

These are my current settings, maybe they can help next...

Hi, the search button has been resolved, I'm waiting for the other points, thanks!

When scrolling down, my site's sticky navigation function looks like this:

I would like it to look like this:

My website logo when I activate the sticky navigation function, it gets distorted, The inspiration site logo, resize (now appears 165×30 in size) and is shifted to the tip

In the space between the logo and the menu, a small line appears

The menu appears shifted to the tip and the search button to the other tip

When hovering over the menu items they gain a red colored bottom

I've added another snippet to the previous CSS here:
https://generatepress.com/forums/topic/how-to-can-i-have-a-header-like-this/#post-1912100

Thank you very much, it worked perfectly! I'll finish this topic another day, open the other one with the remaining requests.

Sounds good thanks!