Top Bar or Header?

Clarification: I want the header to be contained above content.

Logo - left
Main Nav menu - center
Visible search field - right

Can I do this without the CSSHero plugin?

Thank you.

Hi there,

So basically a header like Target in our site library?
https://gpsites.co/target/

Let me know :)

I wish I could upload a screen shot...

The header inside container...that's where the elements are -- not full span.

The header needs to line up evenly with content + sidebar for full content area.

Like on my .com/blog

HEADER:
Logo: left aligned with blog post content

Main Nav menu: center of header

Visible search field - right-align with right side of content

I want to move my nav menu to center and insert a visible search element to the right of inside container in header.

Possible?

Thank you.

No, it's not like the sample page.

:-)

Basically you will need this method:
https://docs.generatepress.com/article/split-header-three-sections/

The first section will be logo as in the example.

Then create a shortcode for the primary navigation:

add_shortcode( 'primary_navigation', function() {
    ob_start();

    if ( function_exists( 'generate_navigation_position' ) ) {
        generate_navigation_position();
    }

    return ob_get_clean();
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Then add the shortcode [primary_navigation] in the middle section.

As for search form in the last section, you can add this: <?php get_search_form(); ?>

I will try.

Thank you very much!!

How do I get rid of borders on archive page?

And get rid of border on side bar widget?

I appreciate it.

Can you open a new topic for the separate questions?

It's much easier for us to keep track of the issues this way.

Thank you!