Help with custom dropdown menu

Design help General
1

Hi there,

I’m creating a custom dropdown menu and am having a few problems:

• ‘o-navlink’: the position of this is absolute, but I’m having to add a huge margin from the top of the page to bring it to where I want it: Underneath the navbar.

• On hover, I’d like to use different colours. I’ve created separate classes but it’s all quite glitchy, I’d love any pointers here.

https://preview.webflow.com/preview/outlas?utm_medium=preview_link&utm_source=designer&utm_content=outlas&preview=74bdd944e1c71f319cb1a3fbb38d5d6f&pageId=60a92782ba76bece0b614203&workflow=preview

I’d very much appreciate any pointers here.

Thank you,
Hamish
—

Here is my site Read-Only: LINK
(how to share your site Read-Only link)