Home › Forums › WoodMart support forum › Sticky header – changes
Sticky header – changes
- This topic has 9 replies, 2 voices, and was last updated 4 days, 8 hours ago by Aizaz Imtiaz Awan.
March 10, 2023 at 1:48 pm #450040
I would like to show the sticky header after I scrolled the whole menu and the big slider. Now the actual menu disappears after the middle of the slider and it becomes a sticky one. How may I delay that process?
IzabelMarch 10, 2023 at 4:20 pm #450088
The predefined sticky header is enabled in the Global Header Setting -> Sticky header tab. You can set header height for sticky header value in pixels. https://ibb.co/mcmszyW.
Here is the documentation:
Best Regards.March 10, 2023 at 5:17 pm #450110
I think you understood me wrong. My question is not how to set the height of the header, but how to scroll below my slider and my menu and the sticky header to appear after that. Currently it appears almost immediately after the first scroll. I would like it to show after my main slider.
Thank you!March 11, 2023 at 11:14 am #450228
Actually, for the Sticky Header there isn’t a certain option available to control the scroll effect happening. Although, for the available options related to Sticky Header you can go to Dashboard > WoodMart > Header Builder > there edit your current Header Layout > there click on Settings > under that go to Sticky Header tab > there you can find the available options related to it: https://snipboard.io/smRf8P.jpg
Further, you can check out the Theme Documentation Guide in this regard:
Best Regards.March 13, 2023 at 12:06 pm #450662
Yes, I saw the documentation before opening my ticket, however I assume that you don’t understand me correct.
I would like the menu to get sticky after the user go through the whole slider.
Currently it gets sticky almost immediately. Can you speak with the developers whether they can provide me with some css?March 13, 2023 at 4:56 pm #450769
Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.
Best Regards.March 14, 2023 at 5:36 pm #451148
It is working fine here: https://woodmart.xtemos.com/home/
While on our website it doesn’t wait to scroll the whole menu:
I don’t beleive this is a customization in case it is working properly in your home demo. Can you please assist us on that matter?
IzabelMarch 15, 2023 at 9:51 am #451270
Sorry but the change that you have referenced of the Demo is a bit different, there a separate option is enabled in this regard. If you want to achieve that, then please go to Dashboard > WoodMart > Header Builder > there edit your current Header Layout > there click on Settings > in that open the Sticky Header tab > there you need to enable the Hide when scrolling down toggle option: https://snipboard.io/fm8kds.jpg
Then you can achieve the functionality that you are referring to in the Demo.
Best Regards.March 15, 2023 at 2:52 pm #451385
Can you please at least point us where we can modify the code as our client would like us to delay the sticky header until srrolling the whole slider. We will do the Customization, however if you can at least point us which files is using the sticky header.
Thank youMarch 16, 2023 at 10:42 am #451616
Actually, there isn’t a specific separate file related to Sticky Header available due to the fact that a certain Sticky Header related class is being generated in the Header tag through functions.php file. So, here are the two Theme file locations which you can check regarding the Header & Sticky Header:
wp-content/themes/woodmart/inc/modules/header-builder (header builder is a folder here)
wp-content/themes/woodmart/inc/functions.php (in this Theme file, you can find the whb-sticky-shadow class being created when you search for this in the mentioned file)
Hope this helps !
- You must be logged in to create new topics. Login / Register