[Resolved] Creating top bar

[Raymond]

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?

[Raymond]

Please ignore. I used the plugin, afterall.

[Ying]

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 🙂

[Raymond]

Hi Ying,

Thanks for your response. Yes, I’d still like to go with the block method and will appreciate your help.

[Ying]

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 🙂

[Author]

Posts