[Support request] How to control location of search?

Hello there,

Can you share the link to the site where you want this applied?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

We’ll recommend what CSS is needed to try and replicate it.

I see. You need to go to Appearance > Menus and delete the Contact button menu item.

Then, create a Block Element – Hook. Hook it to menu_bar_items.

Create the Contact button through a GB Button Block: https://docs.generateblocks.com/article/buttons-overview/

Then, add this through Appearance > Customize > Additional CSS:

span.menu-bar-item.search-item {
    order: -1;
}

I see. Can you re-add the Navigation Menu and give it a class of menu-contact.

Then add this CSS as well:

@media (min-width: 769px) {
.menu-contact {
 display: none !important;
}
}

Then, add hide-on-* classes to the Button in the Block Element as instructed here: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Hi there,

1. Go to Appearance > Elements.
2. the default Element Type will be Hook:

https://docs.generatepress.com/article/block-element-hook/

Leave as that.

3. Set the Hook to: menu_bar_items

4. Set the Priority to: 30

5. Set the Element Display Rules -> Location to: Entire Site

6. in the element editor, add your Button

6.1 With the button selected in Advanced > Additional CSS Class(es) add: hide-on-mobile

7. Publish the element.

Once thats done we can talk about adding the button inside the mobile menu.

1. Repeat steps 1-7(except 6.1) of David’s instruction with a new Block Element, but for step 3, set the hook to inside_mobile_header instead.
2. Let’s proceed with this after 1 is finished/

Scrap that.
What type of menu do you have on mobile ? Is it the regular drop down ?

I see. If you just want to add it to the Off Canvas Panel of Search Template, you can add the Button through Appearance > Widgets > Off Canvas Panel.