Centre logo with widgets to the right and left

The client would like her social media icons next to the menu/hamburger to the left of the logo. Is this possible?

Hi Raielene,

It is possible, but with the current structure of your website, one approach to achieve this is to create a new Block Element replica of your current social icons and hook it to inside_mobile_menu.

See: https://share.getcloudapp.com/xQuz1ZAX

Then we could, add some CSS code to hide the current social media icons on mobile and display the new ones in your client’s preferred location.

Kindly let us know how it goes. :)

Thanks, Fernando. But I'm going to need a few more instructions. You lost me. 😕

I went into Elements, created a Block, added the social icon widget, set the Hook name to inside_mobile_menu but it's not showing up. What did I miss? Oh, and location is Entire Site.

Can you try inside_navigation instead?

See: https://share.getcloudapp.com/nOu90Yp2

Here is how it looks on my end: https://share.getcloudapp.com/2NuvN2xZ

Kindly let us know how it goes. :)

That did it! Thanks! 😊

You’re welcome!

I’m not seeing it reflect in your website though. Is there a caching mechanism in your website?

If you would need further assistance with regards to the CSS, feel free to reach out. :)

You're not seeing the two icons to the left of the menu link on desktop? I know they're not there on mobile... do you know why? And how I can get them there on mobile?

Can you kindly send a screenshot of how you’re setting up the Block Element?

Can you also try clearing your cache?

Lastly, here is an overview of Block Elements: https://docs.generatepress.com/article/block-element-overview/

Hope to hear from you soon! :)