Sticky header – changes

Hi,

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?

https://amigobg.carrottechlab.com/

Thank you!

Best regards,
Izabel

Hi,

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:
https://xtemos.com/docs-topic/how-to-enable-sticky-header-option/

Best Regards.

Hi,

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!

Hello,

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:
https://xtemos.com/docs-cat/header-builder/?theme=woodmart

Best Regards.

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?

Hello,

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.

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?
https://amigobg.carrottechlab.com/

Thank you!

BR,
Izabel

Hello,

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.

Hi,

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 you

Hello,

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 !

Best Regards.

[Author]

Posts