[Support request] Logo and search top bar

[Richard]

Hi guys,

I’d like to be able to add my company logo (to the left) and a search icon (to the right) in the top bar and then underneath have the navigation menu (with a slightly different background colour). The following website has this sorted in a nutshell (https://www.thebodycoach.com) although they use more than a search function on the right hand side. I wondered if you took a quick look, might you be able to suggest a way in which I might be able to achieve this?

Following my nose with all of this…

Thanks in advance from the UK,

Richard

[Tom]

Hi there,

You could use the Primary navigation on top, with a navigation logo: https://docs.generatepress.com/article/navigation-logo/

Then you could use the Secondary navigation below it, and design it to look however you want.

Let me know if you need more info 🙂

[Richard]

Thanks Tom. I’m not having much luck with what you’ve suggested, but wondered if it might be easier to add a top bar instead? The the top bar would include the logo to the left and a search icon/option to the right. The primary menu underneath could then be centred but otherwise left alone.

Might it be possible to add a logo and search to the top bar? I can’t see a way of doing it at the moment.

Many thanks for your help, you must receive so many requests every day.

Cheers,

Richard – UK

[Leo]

Hi there,

Tom’s solution should be the easiest way.

What problem are you running into?

Your site link isn’t working so I can’t see it.

[Richard]

The problem I have is that I want the menu to stay on the page (i think it is called sticky) when scrolling down.

If I had the logo and search facility in the ‘top bar’ with the menu in the primary menu section this should work fine.

I can’t seem to add a logo and search facility to the top bar though.

Might you know of a way this could be achieved?

[Richard]

By the way my website is called: http://www.acousticpercussion.com

But the website I’m trying to emulate is called: https://www.thebodycoach.com

IF you watch the logo and menu on the Body Coach website, they both remain on the page when one scrolls down. This is in essence what I’m trying to achieve

[Tom]

We should be able to make both the primary and secondary navigation sticky together if you want to use the method I mentioned above.

If you set it up, I’ll be able to take a look and give you some CSS 🙂

[Richard]

Thanks Tom.

I’ve tried everything you mentioned in the first reply but I cannot get it to work. Also I’m afraid I cannot find the option to make the secondary navigation ‘sticky’.

I have followed your method to the letter but it just doesn’t work. I think this should be relatively simple too. Might I have a fault with my version of GP?

I really don’t understand. Other than privately emailing you my login details for you to have a look, I don’t know if this will be possible.

Thanks for your help and time – looking forward to hearing from you.

[Tom]

There isn’t a build in option to make the secondary navigation sticky – that will have to be done with CSS.

If you’d like to add the secondary nav and set it up as you like it, I can write the CSS to make it sticky for you.

[Author]

Posts