Home › Forums › WoodMart support forum › Show sticky Search bar on Mobile
Show sticky Search bar on Mobile
- This topic has 3 replies, 2 voices, and was last updated 4 years, 5 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
April 7, 2020 at 9:06 am #185093
goodmanramsParticipantGreetings,
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)April 7, 2020 at 10:40 am #185106
Aizaz Imtiaz AwanKeymasterHello,
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.
April 7, 2020 at 1:43 pm #185151
goodmanramsParticipantWow, 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.April 8, 2020 at 6:52 am #185308
Aizaz Imtiaz AwanKeymasterHello,
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.
-
AuthorPosts
Tagged: sticky search bar
- You must be logged in to create new topics. Login / Register