Customizing Menu Hover Animation Beyond Presets

Hi everyone,

I’m working on a project in Sitejet and I’d like to customize the menu hover animation beyond the available presets. Specifically, I want to modify or create a custom hover effect, like a bottom border animation, but with my own timing, easing, or even a different transition style.

Is there a way to achieve this through custom CSS or any other method within Sitejet? If so, where would I apply the custom styles without interfering with the existing menu functionality?

Any insights or examples would be greatly appreciated!

Hey @Powerstar7 - great to have you here. I will keep this post for now in the helpdesk but maybe move it later to how-to depending on the outcome.

Just checking: Are you aware on where to access the code panel in Sitejet?

Heads up from me: The Sitejet support can not give advice or support on custom code. But happy to assist with the native features. If you are not familiar with CSS and JS, we strongly advice against it because it could break your website.

We do have a few great Sitejetters here though that might be able to assist :slight_smile: