[Support request] how to add search icon in custom header

[Jeremy]

Okay, i am creating the custom header on generate press theme with blocks, can you please let me know how i can add this type of icon there ? i can see long search boxes in blocks, but not icon like this, can you helo please.
see the screenshot https://ibb.co/2dXcmHw

[Jeremy]

?

[Ying]

Hi Jeremy,

You can give this code a try, using the [gp_navigation_search] shortcode.

function generate_navigation_search_shortcode() {
  // Call the theme's built-in function
  $navigaion_button = generate_do_navigation_search_button(); 
  $search_form = generate_navigation_search();
  $output = $navigaion_button .$search_form;

   echo $output;
 
}
add_shortcode( 'gp_navigation_search', 'generate_navigation_search_shortcode' );

[Jeremy]

Hy there,we have custom header design in mind, can you please help, we just don’t want to go with elementor or Divi, we want to stick with Gutenberg and generate press theme, but this is the most lightweight, So we are just having issues, our whole website is ready just needed a little help with this header design.
here is the design of custom design: https://ibb.co/vV2DHsp

on the left we need two social icons, and then search icon close to that, and then in the middle logo and the menu on the right side can you please give me the proper idea, Which hooks to use,or which blocks, from scratch please

[Ying]

Have you tried the solution?

[Jeremy]

i am asking for whole header please,

[Jeremy]

can you see my 2nd message and screenshot please

[Ying]

If you are going to build it using block, then what are the difficulties?

Can you show me what you’ve built already?

[Jeremy]

i will share. can you please let me know how to add “read more” instead of numbers in queryloop , check screenshot https://ibb.co/vqWfX8r

[Ying]

It’s not the same topic, do you mind creating a new one?

Thanks!

[Author]

Posts