Show sticky Search bar on Mobile

Greetings,

I would like to show only one search bar when the user starts to scroll down the page past header. Whenever I try to make exclusive settings for mobile search bar in the Header Builder, the “sticky” option duplicates to Desktop settings as well. And vise versa.

Would you please advise a fix to make sticky search bar on top past header scrolling?

Goes like this:
I have one header when we see the page rendered: burger menu + logo + cart.
When I start scrolling I should see only search bar being sticky at the top (hiding upper one)

Hello,

I have visited the URL you provided. Unfortunately you cannot set different behaviors for header for mobile and desktop.

The main header builder settings behave the same for desktop and mobile versions that is why its behaving like that.

Sorry but you cannot achieve this in our theme. It requires customization and this is beyond our limitations and support policy.

Best Regards.

Wow, quite sad to hear this when you renew theme support after a year or so.

OK. How about showing different header for mobile view when I browse single product page?
It can go search bar all over the place but be a logo with burger and search icon when single.

Hello,

There is an option available in Theme Settings that you can use a different header for the single product page.

You need to create a new header from WoodMart >> Header Builder.

1) To add a burger menu in the icon you need to use the mobile menu module.

Screenshot for Clarification: https://ibb.co/p2YRp3f

2) To add the search icon instead of the form you need to edit the search module and set it to display icon.

Screenshot for Clarification: https://ibb.co/bJMZ9NR

Then you need to add it as the single product page header from Theme Settings >> Product Page >> Single Product header.

Screenshot for Clarification: https://ibb.co/Rj7HpRk

You can choose the header from the dropdown.

You have given a negative review. Please change your review from negative to a positive one. To Let us provide you with the best possible support. And please allow us to Apologize for what you have left a negative review!

Best Regards.

[Author]

Posts