[obillsonParticipant]

Hi guys

For the site we’re building, we have a transparent menu bar with the logo and menu option displayed.

We want to hide the menu when scrolling down the page, but displayed with a color background when scrolling upwards.

The other thing we’re trying to do, if possible, is have the menu transition out from the side, instead of just appearing up like it currently does. Again, we’ve used a lot of CSS to get the menu to look how it does, stuck as to how we can make the transition occur.

[obillsonParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[obillsonParticipant]

Okay, so I went ahead and basically learnt Javascript this morning, got the former to work exactly how I wanted!

The only thing I’m still stuck on that hopefully you guys can help with, is tracking down the identifiers that control the Menu Button click. I want to animate the appearance of the menu from the side, but don’t know what object code to use to trigger clicking the button, and the menu open/close state…

[Nabeel AModerator]

Hi again,

To target the menu button you can use the class .x-btn-navbar and for the menu you can use .x-nav-wrap.

Hope this helps!

[Author]

Posts