Search bar for products in header - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 26, 2023 at 7:56 pm #1402564

andupro
Participant

Hello,

I would like to set up the search bar for products in the header between logo and menu. Can someone help me, please ?
Have a look to my website.

Thank you,
Andu

March 27, 2023 at 4:46 am #1402590

Ismael
Moderator

Hey andupro,

Thank you for the inquiry.

You can add the search bar in a text widget and use a hook to insert the widget inside the header area. Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Ismael

March 27, 2023 at 7:01 pm #1402667

andupro
Participant

Hi Ismael,

Thank you for your answer.
I’ve followed the steps and it works. But, now I have two additional questions, please:

1. how can I increase the width to that search box to be a bit longer ?
2. I’m using the icon for “my account” (as you can see) which it appears on desktop but not also on mobile, can you help me ?

Thank you very much,
Andu

March 28, 2023 at 5:21 am #1402713
Ismael
Moderator
Hi,

Glad to know that the suggestions above are working. To adjust the width of the search bar, please add this css code.
```
#top .av_minimal_header #s {
    border: none;
    padding: 12px 47px 12px 5px;
    width: 400px;
}
```
And regarding the icon account, you may also need to add this icon in a widget, same as the search bar, instead of appending it to the main menu.

Best regards,
Ismael
March 28, 2023 at 8:09 pm #1402814

andupro
Participant

Thank you very much, Ismael! You can close this thread!

Best regards,
Andu
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Search bar for products in header’ is closed to new replies.