How to get the logo on top of the menu?

How do I get my logo to show on top of the menu on desktop and mobile devices?

Go to customizer > layout > primary navigation, set navigation location to below header.

I’d also like the mobile menu to be a drop down like shown below in the private window with the search icon in the drop down.

You are now using off canvas menu for mobile, are you saying you want the search icon appear in the off canvas menu instead of beside the hamburger menu icon on mobile?

Also, when is the beta or alpha of generateblocks going to be released for testing?

I'm not sure at this moment, still working on it.

I guess I want the search icon to appear in the menu as I don't think it would look good next to the menu icon although I could try it.

Also can you ask Tom about an updated time-frame on GB blocks?

Hi Heath,

You can create a Block Element with a WordPress search Block and hook it to either inside_slideout_navigation or after_slideout_navigation. You may also add it through Appearance > Customize > Widgets > Off Canvas Panel or Appearance > Widgets.

Then, add a CSS like this in Appearance > Customize > Additional CSS to hide the search bar beside the menu button:

@media (max-width: 768px) {
    span.menu-bar-item.search-item {
        display: none;
    }
}

With regards to the GB timeframe, Tom and our development team is working really hard to release a stable GB update as soon as possible. We’ll try to update everyone regarding this as soon as we can.

Hope this clarifies and thank you for your patience! :)

The last thing I need is to see how to get the logo Centered.

To center the logo, you can try adding this CSS through Appearance > Customize > Additional CSS:

.inside-header {
    justify-content: center;
}

Hope this helps! Kindly let us know how it goes. :)

Hi Heath,

Just an update with regards to GB. As per Tom, hopefully, the Alpha release will be out early next week. We’ll make an announcement in our Facebook community and blog (https://generatepress.com/blog) once it’s available.

Thank you for your patience. :)