Hide when scrolling down header problems

Hello,

I have a problem that I can’t find a solution to and I need help.

I’m using the WoodMart theme, I need a sticky menu on mobile, but I need it to only take over the clone and header bottom on mobile. I want it to continue using the Hide when scrolling down function, but on mobile the Header bottom should also appear somehow.

Can you offer me a custom function / css code?

Hello,

Each header row (Top Header, Main Header Row, and Bottom Row) has an option to make it sticky. To achieve your desired setup, enable the sticky option only for the Bottom Row in the header row settings: https://ibb.co/jkb8S2Wz

This will allow the Bottom Row to remain visible while maintaining the ‘Hide when scrolling down’ function for the rest of the header. Let me know if you need further assistance!”

Best Regards,

Hello,

Thank you for your assistance. I have already activated the sticky option for the Bottom Row. However, I need a specific setup where on mobile devices both the Main Header and Bottom Navigation are sticky together, and on desktop only the Main Navigation is sticky. Additionally, the “Hide when scrolling down” function needs to be active for this setup.

Could you please guide me on how to achieve this configuration?

Hello,

The sticky header options apply globally and can’t be enabled separately for mobile and desktop. There is no such option to make the rows sticky on the mobile layout only and not on the desktop. Because the row is the same and the sticky option is the same for both the screen sizes.

Best Regards,

[Author]

Posts