STICKY HEADER SEARCH BAR

This topic has 3 replies, 2 voices, and was last updated 4 years, 11 months ago by Elise Noromit.

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

Author

Posts
May 31, 2019 at 8:08 am #126559

ronan
Participant

Hello,

I would like to place the search bar, in the sticky header. (when scrolling down, the header that appears) I vored that the search bar appears, only on computer.

How to do ?

Thank you

May 31, 2019 at 9:34 am #126580

Elise Noromit
Member

Hello,

You need to disable the Header clone https://xtemos.com/docs/woodmart/header-builder/global-header-settings/ and make the necessary rows sticky https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

The row should have the search form. In the result, the search form would be in the default and sticky header.

Best Regards

May 31, 2019 at 12:30 pm #126616

ronan
Participant

I tried, and no, the search bar does not appear.

Look, for example on this site, the sticky header contains the search bar in the center: https://www.cdiscount.com/

As you can see, on this screenshot, the search bar did not show: https://d.pr/free/i/yKb7WX

would you have a more specific tutorial?

Thanks

May 31, 2019 at 1:20 pm #126624

Elise Noromit
Member

Hello,

Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

Choose the proper header type (your current) http://prntscr.com/iyd333

Add the search to the row https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

Make the row sticky https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Disable the Header Clone https://xtemos.com/docs/woodmart/header-builder/global-header-settings/

Best Regards
Author

Posts