- This topic has 8 replies, 3 voices, and was last updated 5 years, 12 months ago by Tom.
December 5, 2017 at 2:40 pm #442604Richard
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,
RichardDecember 5, 2017 at 9:53 pm #442737TomLead DeveloperLead Developer
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 🙂December 5, 2017 at 11:30 pm #442777Richard
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.
Richard – UKDecember 6, 2017 at 8:10 am #443073LeoStaffCustomer Support
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.December 6, 2017 at 11:01 am #443235Richard
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?December 6, 2017 at 11:05 am #443241Richard
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 achieveDecember 6, 2017 at 8:25 pm #443565TomLead DeveloperLead Developer
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 🙂December 6, 2017 at 11:14 pm #443608Richard
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.December 6, 2017 at 11:55 pm #443626TomLead DeveloperLead Developer
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.
- You must be logged in to reply to this topic.