[Resolved] Top Bar or Header?

[Carol]

First of all, thank you for making such a great theme! I learned about it from Adam at WPCrafter.

Question: Is it better to use top bar or header to try to configure this layout for top of site?

Logo – – – – – – – – – – – – – – – – -Main Nav Menu- – – – – – – – – – – – – Visible Search field

Can I do that in the regular header?

I can do some of it in the top bar, but I’d have to use my plugin, CSS Hero.

If I can avoid using the plugin, I will.

Thank you!!
Carol

Login Password for gate to site as it’s not open to public yet:

Just customizing everything ~ love this theme!!

[Carol]

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.

[Leo]

Hi there,

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

Let me know 🙂

[Carol]

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.

[Carol]

No, it’s not like the sample page.

🙂

[Leo]

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(); ?>

[Carol]

I will try.

Thank you very much!!

[Carol]

How do I get rid of borders on archive page?

And get rid of border on side bar widget?

I appreciate it.

[Leo]

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!

[Author]

Posts