[Resolved] sticky menu bar for mobile and desktop

[dassana]

i am using a text header. i also have enabled sticky navigation menu for my website. for now its only the menu and search icon that is sticky.

i want the website text header title, navigation menu icon, search icon in one line OR website text title, navigation menu in one line and search icon below them. i tried the two ways mentioned in the forum, but they did not work and i removed the codes. all these three elements – website name, menu and search icon should be sticky both on a desktop and mobile. how i do go about enabling this feature.

thanks.

[Tom]

Best thing to do here is to use your navigation as your header: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

Then instead of using a navigation logo, you can use a function and some CSS to add the site title.

PHP: https://gist.github.com/generatepress/e41f0e0d083b4c2350ac772eb69479f1
CSS: https://gist.github.com/generatepress/9f99bbfa532ea4f9eafb6bd238b8cc9a

[dassana]

thanks tom. i did everything you have mentioned. unfortunately i am not a coder and i could not proceed further. the title, menu and search bar were all misaligned (extreme left) both in mobile and desktop. is there any way else i can get this feature done.

[Tom]

Do you have a staging site that I can see the issue on? I should be able to amend the code then 🙂

[dassana]

thanks tom. we will have to create a staging site. we do not have. so let it be. i do not have much time to spare to create the staging site etc. so i am giving up on this feature.

[Tom]

I’m hoping to add it in GPP 1.8 🙂

[Author]

Posts