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.

Hi,

I would like to achieve the same thing like in this demo: https://woodmart.xtemos.com/home/

Unfortunately the menu on our side hides after scroll: https://amigobg.carrottechlab.com/

How can it stay as the above demo?

Best regards,
Izabel

Hello,

Sorry to say but your provided WP-ADMIN Login details aren’t working. Can you please share valid WP-ADMIN Login details of your Site so that we can proceed further and check the issue on your Site and assist you accordingly.

Best Regards

Hi,

I have updated the details. Could you please check again?

Thank you!

Hi,

I would like to achieve the same thing like in this demo: https://woodmart.xtemos.com/home/

Unfortunately the menu on our side hides after scroll: https://amigobg.carrottechlab.com/

How can it stay as the above demo?

Best regards,
Izabel

Hello,

We have enabled the sticky header on our demo: https://monosnap.com/file/PrQVkwHHCtZhjBw6cLcBcjwGBoKBus

You need to disable the sticky in every row: https://xtemos.com/docs-topic/header-rows-and-columns-configuration/

Then enable the cloned header in the Header settings: https://xtemos.com/docs-topic/global-header-settings/

If you have any questions please feel free to contact us.

Best Regards

Thank you, however the main menu still disappears after scrolling down, while on your demo it doesn’t disapper.

Can you solve that problem for us?

Best regards,
Izabel

Thank you, however the main menu still disappears after scrolling down, while on your demo it doesn’t disapper.

Also there is some kind of bug on the main page and the main menu remains open from time to time when you go to the home page.

Can you solve that problem for us?

Best regards,
Izabel

Hello,

Please check the screen: https://gyazo.com/83feaf013406301e5e29672186deb73c

Please try “Stick on scroll” options.

If you have any questions please feel free to contact us.

Best Regards

Hi,

No, that is not what I am talking about.

The main menu doesn’t close when scrolling “menu_opened.jpg”, you may check the screenshots. It doesn’t hide, however bear in mind we can replicate it on some computers and doesn’t happen all the time.

We have one more problem. We get a fatal error when comparing two products

Thank you!

Best regards,
Izabel

Attachments:

You must be logged in to view attached files.

Hello,

Please disable the child theme and check the issue on the parent theme. Our developers checked the console and see errors caused by code in the child theme, at the same time no errors with compare: https://monosnap.com/file/RrDLiIq0z1hjLqx81TtKLGgMKrExCk

Please enable the options in the header:

Hide when scrolling down – ON
Sticky effect – Slide after scrolling down
Sticky header clone – ON
Disable Header-bottom Make it sticky https://prnt.sc/hYtlsmRrN6Al
You will get this result: https://monosnap.com/file/ZgJzTsFQhV7CpuX9aNoway8LzuSAWD

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts