Archived topic
Creating top bar
4 replies · Started by Raymond on April 20, 2021
Hi,
I am trying to create a header and menus that look like those on the Tasty site in the site library. Currently, I use two menus - a primary menu above the header (with social icons and search) and a secondary menu below the header, but these look not-so-great on mobile. I had intended to replace the menu with a top bar and move what's currently my secondary menu to well, where it is currently (although Tasty has only one menu, the primary one).
I am failing to do this. Tasty uses a plugin to create social icons but I want to avoid plugins as much as possible (bloat, plus that particular plugin hasn't been updated in a while) and use an element instead. I followed an online guide that said to create a block element and set it 'site header' but that only takes over my current header. Hooking it to before_header also doesn't seem to work/display well.
How do I get the Tasty setup without a plugin?
Please ignore. I used the plugin, afterall.
Hi Raymond,
Glad you figured it out.
But if you would like to keep trying the block element method, we'll be happy to assist :)
Let me know :)
Hi Ying,
Thanks for your response. Yes, I'd still like to go with the block method and will appreciate your help.
I record a small clip to show you how to create a top bar with social icons, I use Buttons block of Generateblock, hope you have it installed, it has built-in social icons.
https://www.screencast.com/t/Yg2XEoan6
Let me know if there's anything you are not clear about :)
